@keyframes

Css keyframes

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

@keyframes

p {
  animation-duration: 25s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }
  75% {
    font-size: 300%;
    margin-left: 25%;
    width: 150%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

Source: developer.mozilla.org

Keyframe in css

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

Similar codes

70 votes178 views4 answers
Css vertical align center
CSS
0 vote161 views1 answer
Css break after 2 words
CSS
3 votes179 views2 answers
Css disable button click
CSS
0 vote233 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
25 votes209 views3 answers
Invisible item frames in minecraft
CSS
4 votes169 views1 answer
Checkbox input in css
CSS
0 vote169 views1 answer
Css static header on scroll
CSS
0 vote176 views2 answers
Webkit-line-clamp: 2;
CSS
1 vote126 views1 answer
Ion-slider pagination color
CSS
0 vote163 views1 answer
Page rotate css
CSS