@keyframes

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 vote191 views1 answer
Sideways Left Tabs
CSS
20 votes165 views6 answers
Fonts for css
CSS
14 votes168 views3 answers
Css multiple classes same rule
CSS
18 votes183 views8 answers
Vscode
CSS
4 votes188 views3 answers
How to change background color in ElevateButton flutter
CSS
2 votes217 views5 answers
How to reset postgres password
CSS
1 vote183 views1 answer
Css cell spacing
CSS
9 votes200 views5 answers
How to make a triangle in css
CSS
0 vote199 views1 answer
If i forked and cloned a github repo can i change the name
CSS
1 vote182 views1 answer
Import css in thymeleaf
CSS