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 vote355 views1 answer
Css without underline
CSS
1 vote382 views1 answer
How to make a responsive box in css
CSS
0 vote362 views1 answer
Css only style horizontal scrollbar
CSS
0 vote373 views1 answer
Using a Python dict for a SQL INSERT statement
CSS
0 vote360 views1 answer
How to make a div in top left in css
CSS
38 votes403 views6 answers
Rotate image css
CSS
0 vote362 views2 answers
Counter-style counter css counters
CSS
17 votes374 views4 answers
Get featured image post wordpress by post id
CSS
22 votes365 views4 answers
Css center in grid
CSS
23 votes379 views5 answers
Center div using flex
CSS