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 votes226 views3 answers
How to trim leading spaces in html using css
CSS
0 vote211 views1 answer
Learn css
CSS
50 votes213 views6 answers
Text align css
CSS
5 votes235 views6 answers
Tailwind CDN
CSS
1 vote233 views2 answers
Css disabled option
CSS
0 vote228 views1 answer
How to access a value defined in the application.properties file in Spring Boot
CSS
2 votes254 views2 answers
Css move inline image up
CSS
0 vote219 views1 answer
Css change width animation
CSS
0 vote215 views1 answer
Flex align self
CSS
1 vote235 views1 answer
How to change selection color
CSS