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 vote141 views1 answer
Top 0 bottom 0 left 0 right 0 alternate css
CSS
0 vote143 views1 answer
Css animation 3d effect
CSS
1 vote148 views1 answer
Rotate favicon css
CSS
1 vote248 views1 answer
Can we use multiple keyframes in css
CSS
1 vote134 views1 answer
Why is my css code not working
CSS
0 vote144 views1 answer
Mettre icloud en dossier barre
CSS
20 votes149 views2 answers
Css disable selection
CSS
0 vote138 views1 answer
Ms-grid- error css
CSS
-1 vote169 views5 answers
Add tailwind to next
CSS
8 votes152 views5 answers
Css hover change other element
CSS