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

0 vote347 views1 answer
Unable to load authentication plugin 'caching_sha2_password'. dbeaver
CSS
0 vote321 views1 answer
After certain width how make ontent center and add margin auto both side
CSS
0 vote330 views1 answer
Make image scale based on screen size
CSS
0 vote324 views1 answer
Delete after content css
CSS
2 votes315 views1 answer
Css rounded corners at top only
CSS
0 vote308 views1 answer
Css animate svg circle radius
CSS
1 vote291 views1 answer
Add cursor to html button
CSS
0 vote322 views2 answers
How to link css to html in visual studio code
CSS
2 votes369 views1 answer
Sass class with another class
CSS
71 votes254 views17 answers
Box -shadow
CSS