Secret App-Style Text Fade Animation with jQuery and CSS3 - Revealing.js

File Size: 164 KB
Views Total: 2822
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Secret App-Style Text Fade Animation with jQuery and CSS3 - Revealing.js

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.