Skip to content
No description, website, or topics provided.
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE
README.md
index.html
textflip.css
textflip.js
textflip.min.js
textflip.scss

README.md

TextFlip

###Features: Applies rotation or opacity animations for each character of text. Best headings...

Usage

First, include necessary files in head.

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="textflip.min.js"></script>
<link href="textflip.css" rel="stylesheet" />

Then, textflip can be applied to any container element(s).

<script>
  $('#element').textflip();
  $('.elements').textflip();
</script>

Parameters

  • animation: rotateX, rotateY, rotateZ, opacity, random (Default: opacity)
  • sequence: random, linear (Default: random)
  • interval: Interval in milliseconds. If blank or 0, plugin will automatically apply a suitable interval. (Default: 0)

Usage Example

<script>
  $('.element').textflip({
    animation: 'rotateZ',
    sequence: 'linear',
    interval: 2000
  });
</script>

Dependencies

License

CC0 1.0 Universal Licence

Dependecies have their own licence information. Please view them before use.

You can’t perform that action at this time.