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 vote276 views1 answer
Box shadow 2 sides only
CSS
2 votes259 views1 answer
Journalctl last 100 lines
CSS
6 votes232 views1 answer
How to center an hr
CSS
3 votes231 views1 answer
Diable focus button css
CSS
59 votes240 views6 answers
Remove underline from link css
CSS
0 vote258 views1 answer
Media queries in scss
CSS
0 vote238 views1 answer
How can i make a menu bar appear by clicking an icon? in css?
CSS
0 vote234 views1 answer
Container transparent text opaque
CSS
0 vote259 views2 answers
Bulma uppercase
CSS
0 vote259 views1 answer
Cop pics css
CSS