javascript - Fade boxes after each other in -


i want fade in boxes @ my site . not works already. want first last box fades in , moving down info box etc. boxes appears after each other.

the fadein effect made with:

.content {     -webkit-animation: fadein 3s;     -moz-animation: fadein 3s;     -ms-animation: fadein 3s;     -o-animation: fadein 3s;     animation: fadein 3s;     background: rgba(49,54,59,0.8);     *zoom: 1; }  @keyframes fadein {     0% { opacity: 0; }     75% { opacity: 0.3; }     100% { opacity: 1; } }  @-moz-keyframes fadein {     0% { opacity: 0; }     100% { opacity: 1; } }  @-webkit-keyframes fadein {     0% { opacity: 0; }     100% { opacity: 1; } }  @-o-keyframes fadein {     0% { opacity: 0; }     100% { opacity: 1; } } 

it possible use jquery, javascript , css. hope you'll ahve solution.

the jquery fadein function (and animations) has "complete" option. can pass animation call , chain them in order achieve proper order.

for instance, can do:

$( "#box1" ).fadein( "slow", function() {     // animation complete     $( "#box2" ).fadein( "slow", function() {         // animation complete     }); }); 

Comments

Popular posts from this blog

dns - How To Use Custom Nameserver On Free Cloudflare? -

qt - Passing a QObject to an Script function with QJSEngine? -

c# - Web API response xml language -