Secret App-Style Text Fade Animation with jQuery and CSS3 - Revealing.js
File Size: | 164 KB |
---|---|
Views Total: | 2831 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
Revealing.js is a jQuery plugin to reveal your text letter-by-letter (or any Html blocks) with a custom fade-in animation based on CSS3 transitions, inspired from Secret App.
Basic Usage:
1. Add the jQuery library and the jQuery revealing plugin's javascript and CSS into the web page.
<link rel="stylesheet" href="assets/revealing.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="assets/jquery.revealing.js"></script>
2. Wrap the text you want to animate in a container element with the required CSS class of 'revealing'.
<div class="demo revealing"> Your Text Goes Here </div>
3. Initialize the plugin to enable the subtle text animation.
$('.demo').revealing();
This awesome jQuery plugin is developed by dulaccc. For more Advanced Usages, please check the demo page or visit the official website.