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

0 vote359 views1 answer
Get element in list ocaml
CSS
1 vote367 views1 answer
Remove boldness css
CSS
0 vote388 views1 answer
Div with specific id css
CSS
0 vote351 views3 answers
Constraint in grails
CSS
13 votes445 views4 answers
How to print background bootstrap
CSS Bootstrap
91 votes351 views6 answers
How to center div in css
CSS
19 votes363 views4 answers
Add blur background css
CSS
17 votes378 views3 answers
Grid blocks center
CSS
20 votes395 views7 answers
Css vertical align
CSS
0 vote338 views1 answer
Keyframe fade down css
CSS