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 vote346 views1 answer
Quitar puntos a lista css
CSS
-1 vote355 views1 answer
Purge tailwind css
CSS
0 vote361 views1 answer
Removing space between words css
CSS
0 vote339 views2 answers
Css gradient rgba to hex
CSS
20 votes393 views3 answers
Center align div vertically and horizontally css
CSS
0 vote371 views1 answer
Sticky header not working chrome
CSS
1 vote344 views1 answer
Move element to the left css
CSS
0 vote361 views1 answer
How to loop a javascript array
CSS
-1 vote363 views3 answers
Text in one line css
CSS
0 vote355 views5 answers
Rosa
CSS