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

20 votes179 views7 answers
Css vertical align
CSS
1 vote191 views1 answer
Animated website using html and css
CSS
-1 vote217 views4 answers
Css after
CSS
60 votes207 views3 answers
Media query for mobile view css
CSS
0 vote159 views1 answer
Plus minus button css
CSS
50 votes214 views4 answers
Css background image fit
CSS
1 vote200 views2 answers
How to set thickness of hr in html
CSS
13 votes190 views2 answers
How to add background in css
CSS
33 votes204 views6 answers
Background image opacity css
CSS
1 vote206 views1 answer
New line in flex container
CSS