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

9 votes262 views1 answer
Textview android text align center
CSS
4 votes235 views2 answers
Laravel enum column
CSS
0 vote229 views1 answer
Repeating-linear-gradient
CSS
3 votes238 views1 answer
Change css to scss angular
CSS
-1 vote273 views2 answers
Css good background color
CSS
8 votes262 views1 answer
How to get my div to centre
CSS
0 vote256 views1 answer
Override vuetify container width
CSS
0 vote251 views1 answer
Force keyboard to hide android programmatically
CSS
7 votes267 views2 answers
Text align justify
CSS
0 vote245 views1 answer
Css tricks stretch content full witdh
CSS