html5-marquee

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