Keyframe in css

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

1 vote261 views1 answer
Css grid minmax function
CSS
0 vote215 views3 answers
Image not rendering in tailwind css
CSS
2 votes239 views2 answers
Slick margin between slides
CSS
31 votes231 views6 answers
Overflow
CSS
0 vote227 views1 answer
Sass mixin breakpoint
CSS
37 votes222 views2 answers
Rgb yellow color
CSS
40 votes239 views6 answers
'pip' is not recognized as an internal or external command
CSS
17 votes246 views1 answer
Yarn problem
CSS
12 votes251 views2 answers
How to center element in bulma
CSS Bulma
0 vote236 views1 answer
Awesome font google icon colored css
CSS