Create a animation name in css

p /*this is the css name of the element you will apply the animation to*/ {
  animation-duration: 3s;
  animation-name: slidein; /*animation name ofcourse*/
}

@keyframes slidein /*the animation name goes here*/ {
  from {
    margin-left: 100%;
    width: 300%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

Source: developer.mozilla.org

Similar codes

10 votes159 views10 answers
Fortnite
CSS
0 vote148 views1 answer
Abstände zwischen zeilen html
CSS
6 votes182 views1 answer
How to add truncate code
CSS
-1 vote147 views1 answer
Scss background color
CSS
98 votes179 views2 answers
Css box-shadow shorthand
CSS
0 vote141 views1 answer
Hwo to reload css in flask
CSS
1 vote125 views1 answer
Pseudo class css nth child
CSS
0 vote158 views1 answer
New line ::after class
CSS
0 vote133 views1 answer
Css change width animation
CSS
0 vote145 views1 answer
Relier css html
CSS