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 vote220 views1 answer
Css display flex white-space: nowrap;
CSS
0 vote187 views1 answer
Not the first child and not the last child css
CSS
0 vote184 views1 answer
Rainvow hover css
CSS
0 vote177 views1 answer
Divi submenu collapse by default
CSS
0 vote178 views1 answer
Dict to sql python
CSS
0 vote199 views1 answer
Grid style form
CSS
0 vote169 views2 answers
To convert categorical data to numerical
CSS
3 votes174 views2 answers
How to give shadow to navbar
CSS
1 vote262 views1 answer
Left align css mdn
CSS
1 vote173 views2 answers
How to filter css red
CSS