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

1 vote260 views2 answers
Border for text in html
CSS
0 vote242 views1 answer
How to get font awesome outline
CSS
0 vote276 views1 answer
Svg image shadow css
CSS
0 vote288 views1 answer
Why we are translating -50%, -50% in css
CSS
1 vote218 views1 answer
Sm size website
CSS
6 votes264 views1 answer
Hidden vs visible
CSS
3 votes266 views2 answers
Css sass
CSS
4 votes267 views1 answer
Flexbox center and space between
CSS
0 vote292 views1 answer
Css tr border radius
CSS
100 votes296 views2 answers
What is position property in css
CSS