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

1 vote249 views1 answer
Css access span class inside div
CSS
1 vote244 views1 answer
Css on hover do something to children
CSS
9 votes232 views1 answer
Perfect full page background image
CSS
4 votes230 views2 answers
Html css rounded corners with mark
CSS
0 vote222 views1 answer
Css invert text color
CSS
-1 vote216 views1 answer
Css tricks
CSS
0 vote255 views1 answer
Sass rainbow color background
CSS
1 vote227 views2 answers
Scale textarea
CSS
116 votes219 views6 answers
How to hide the scrollbar in css
CSS
17 votes225 views1 answer
Artillery annot be loaded because running scripts is disabled on this system
CSS