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

5 votes362 views2 answers
Materialize css cdn
CSS
23 votes339 views5 answers
Image rotate css
CSS
0 vote338 views1 answer
How to make img cover parent div
CSS
0 vote333 views2 answers
Deployer custom Options
CSS
34 votes389 views4 answers
Hide element using css
CSS
11 votes391 views4 answers
Git hard reset to commit
CSS
39 votes369 views6 answers
Css first child
CSS
0 vote357 views1 answer
How to target input type with css
CSS
0 vote346 views2 answers
Memebuat html dan css login instagram
CSS
0 vote322 views1 answer
Css calc vw minus px
CSS