Keyframes

Css keyframes

@keyframes mymove {
  from {top: 0px;}
  to {top: 200px;}
}

Keyframe in css

@keyframes mymove {
  0% {top: 0px;}
  50% {top: 50px;}
  75% {top: 40px;}
  100%{top: 0px;}
}

Keyframes

/* @keyframes duration | easing-function | delay |
iteration-count | direction | fill-mode | play-state | name */
animation: 3s ease-in 1s 2 reverse both paused slidein;

Source: developer.mozilla.org

Similar codes

0 vote183 views1 answer
Css os dependent font family
CSS
19 votes195 views2 answers
How to customize placeholder css
CSS
27 votes173 views4 answers
Unselectable text css
CSS
-1 vote161 views3 answers
Scss
CSS
0 vote180 views1 answer
Flex: 0 1 auto
CSS
5 votes167 views2 answers
No outline css
CSS
0 vote184 views2 answers
Styling links within a class except the last one
CSS
0 vote204 views1 answer
Bootstrap progress bar animation not working
CSS Bootstrap
0 vote189 views1 answer
Css 4 3 ratio
CSS
0 vote174 views1 answer
Color around the text
CSS