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
Post a Comment