HTML5 MARQUEE

Are you missing good-old feel to your pages? Missing something form the past?

This is a (deprecated) <marquee></marquee> tag implementation in HTML5 using pure CSS3 animations. Please see live demo here.

Installation

• Bower: bower install html5-marquee
• NPM: npm install html5-marquee

Usage

Simple usage:

<div class="marquee" data-marquee="Text contents"></div>

Adjust marquee speed:

|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|

Custom speed:

Inherits the speed from the class or inline style

|CSS Class|Delay| |:---:|:---:| |.marquee-speed-custom|inherit|

Adjust direction:

|CSS Class|| |:---:|:---:| |.marquee-direction-left|Right to left (default)| |.marquee-direction-right|Left to right| |.marquee-direction-alternate|Alternate movement|

Adjust direction:

|CSS Class|| |:---:|:---:| |.marquee-direction-left|Right to left (default)| |.marquee-direction-right|Left to right| |.marquee-direction-alternate|Alternate movement|

Vintage effect:

|CSS Class|| |:---:|:---:| |.marquee-movement-smooth|Smooth animation (default)| |.marquee-movement-steps20|Jamming animation| |.marquee-movement-steps10|Jamming animation|

Building

Requirements:

• Node.js
• NPM
• GNU Make

make

This will create css directory.

Free license: GNU GPLv3+

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see http://www.gnu.org/licenses/.