You are here

CSS keyframes

.selector {
-webkit-animation-delay: .4s;
animation-delay: .4s;
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: **keyframe-name**;
animation-name: **keyframe-name**;
}
@keyframes  **keyframe-name** {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
*****other initial styles*****
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
*****other final styles*****
}
}
code type: 
css