This is a fork of the html5 marquee by muchweb https://github.com/muchweb/html5-marquee
- Bower:
bower install hover-marquee
- NPM:
npm install hover-marquee
<div class="marquee" data-marquee="Text contents"></div>
CSS Class | Delay |
---|---|
.marquee-speed-drowsy |
30s |
.marquee-speed-slow |
20s |
.marquee-speed-normal |
10s (default) |
.marquee-speed-fast |
7s |
.marquee-speed-swift |
5s |
.marquee-speed-hyper |
2s |
Inherits the speed from the class or inline style
CSS Class | Delay |
---|---|
.marquee-speed-custom |
inherit |
CSS Class | |
---|---|
.marquee-direction-left |
Right to left (default) |
.marquee-direction-right |
Left to right |
.marquee-direction-alternate |
Alternate movement |
CSS Class | |
---|---|
.marquee-direction-left |
Right to left (default) |
.marquee-direction-right |
Left to right |
.marquee-direction-alternate |
Alternate movement |
CSS Class | |
---|---|
.marquee-movement-smooth |
Smooth animation (default) |
.marquee-movement-steps20 |
Jamming animation |
.marquee-movement-steps10 |
Jamming animation |
Requirements:
- Node.js
- NPM
- GNU Make
make
This will create css
directory.