1.1.0 • Published 8 years ago

hover-marquee v1.1.0

Weekly downloads
4
License
MIT
Repository
github
Last release
8 years ago

CSS3 Hover MARQUEE npm version

This is a fork of the html5 marquee by muchweb https://github.com/muchweb/html5-marquee

Installation

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

Usage

Simple usage:

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

Adjust marquee speed:

CSS ClassDelay
.marquee-speed-drowsy30s
.marquee-speed-slow20s
.marquee-speed-normal10s (default)
.marquee-speed-fast7s
.marquee-speed-swift5s
.marquee-speed-hyper2s

Custom speed:

Inherits the speed from the class or inline style

CSS ClassDelay
.marquee-speed-custominherit

Adjust direction:

CSS Class
.marquee-direction-leftRight to left (default)
.marquee-direction-rightLeft to right
.marquee-direction-alternateAlternate movement

Adjust direction:

CSS Class
.marquee-direction-leftRight to left (default)
.marquee-direction-rightLeft to right
.marquee-direction-alternateAlternate movement

Vintage effect:

CSS Class
.marquee-movement-smoothSmooth animation (default)
.marquee-movement-steps20Jamming animation
.marquee-movement-steps10Jamming animation

Building

Requirements:

  • Node.js
  • NPM
  • GNU Make
make

This will create css directory.