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 vote267 views2 answers
Textarea scale to content
CSS
18 votes274 views2 answers
Hand property css
CSS
-1 vote263 views2 answers
How to use before pseudo class in css
CSS
3 votes247 views2 answers
Bootstrap 5 pagination
CSS
0 vote290 views1 answer
Ausgewählter text farbe ändern css
CSS
0 vote275 views1 answer
How to change line colors in css
CSS
0 vote302 views1 answer
Custom hr in css
CSS
1 vote260 views1 answer
Change scroll style angular
CSS
0 vote256 views1 answer
Sdsd
CSS
0 vote289 views1 answer
How to change the position of a button in css
CSS