🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

This is a small jQuery script that makes use of CSS3 animations to apply an awesome reveal effect to any DOM element.

reveal-animation

Documentation

Reveal Animation

CSS & JavaScript files to help you add revealing animations to your website.

How do I use it?

Just link the reveal.css and script.js files to your index.html page

<link rel="stylesheet" href="path/to/reveal.css"> <script src="path/to/script.js"></script>

then add this wrap your contents (which you want to Reveal animate) in a div tag like this and change the delay to your preference:

<div class="animated animation-LtoR" data-delay="10">     <h1 class="text-center heading">HEADING</h1> </div>

then change the background-color property of CSS in reveal.css file as shown below:

.animated.animate-in:before {     background-color: #d4bd0d; /* Change in-flow color here */ }  .animated.animate-in:after {     background-color: #202020; /* Change out-flow color here */     }

Demo

Click here for demo.


You May Also Like