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

0 vote257 views1 answer
Line sharpness css
CSS
4 votes226 views1 answer
Footer at bottom of body
CSS
0 vote233 views2 answers
Is it possible to add xsl and css in same xml file
CSS
1 vote221 views1 answer
Url css
CSS
67 votes236 views6 answers
Center absolute
CSS
0 vote215 views2 answers
Css stopper une animation
CSS
0 vote219 views1 answer
Have button beside form input
CSS
0 vote235 views2 answers
Vscode remote Error: EACCES: permission denied
CSS
98 votes227 views2 answers
Css box-shadow shorthand
CSS
3 votes253 views3 answers
Remove box around button when clicked
CSS