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

38 votes140 views3 answers
Media breakpoints
CSS
0 vote119 views1 answer
Style image so it crops
CSS
0 vote99 views1 answer
Pass argument to group_by
CSS
0 vote112 views1 answer
Css highlight element
CSS
0 vote108 views1 answer
Iterating data font size as to be decreased in Angular by using css
CSS
6 votes145 views3 answers
Disable drag image css
CSS
0 vote114 views1 answer
Ms-clear event
CSS
0 vote78 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
11 votes125 views6 answers
Warning: LF will be replaced by CRLF in
CSS
0 vote116 views1 answer
Gh: stop using --force !!!
CSS