/ Published in: CSS
Just add 2 classed (animated fadeInDown) to body
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
/* <body class="animated fadeInDown"> ... </body> */ .fadeInDown{ -webkit-animation-name:fadeInDown; animation-name:fadeInDown } .animated{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both } @-webkit-keyframes fadeInDown { 0%{ opacity:0; -webkit-transform:translateY(-10px); transform:translateY(-10px) } 100%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes fadeInDown { 0%{ opacity:0; -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px) } 100%{ opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } }