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

5 votes173 views1 answer
Make div the size of the text inside
CSS
0 vote138 views1 answer
How to paralax effect on background image
CSS
6 votes120 views6 answers
How to properly install tailwind css in react
CSS
37 votes128 views1 answer
Trumping
CSS
0 vote130 views2 answers
How to remove default look of button
CSS
0 vote131 views1 answer
Css img src
CSS
1 vote128 views1 answer
Css remove whitespace around element
CSS
0 vote127 views1 answer
Install wrangler
CSS
3 votes90 views1 answer
Smooth scroll to anchor
CSS
1 vote133 views1 answer
Steps() property css
CSS