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 vote95 views1 answer
Postcss plugin
CSS
42 votes101 views5 answers
Css cut off text
CSS
79 votes121 views6 answers
Css media query
CSS
28 votes127 views4 answers
Font face roboto css
CSS
0 vote124 views1 answer
Jpa select date format
CSS
2 votes101 views1 answer
How many pixels is h1 text html
CSS
0 vote103 views1 answer
How to some of the list and show some in css
CSS
-1 vote115 views1 answer
Footer css
CSS
1 vote98 views1 answer
Move element to the left css
CSS
0 vote170 views1 answer
Index.css code not working in 000webhost
CSS