css keyframes tutorial code example
Example 1: css key frame
div {
width: 100px;
height: 100px;
background: red;
position: relative;
animation: mymove 5s infinite;
}
@keyframes mymove {
0% {top: 0px;}
50% {top: 50px;}
75% {top: 40px;}
100%{top: 0px;}
}
Example 2: css keyframes
@keyframes mymove {
from {top: 0px;}
to {top: 200px;}
}
Example 3: keyframe in css
@keyframes mymove {
0% {top: 0px;}
50% {top: 50px;}
75% {top: 40px;}
100%{top: 0px;}
}