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 votes329 views3 answers
Bootstrap blue outline button
CSS Bootstrap
17 votes285 views1 answer
Sass calc with variable
CSS
10 votes259 views2 answers
Css list elements horizontally
CSS
2 votes235 views1 answer
Css unselectable
CSS
0 vote278 views1 answer
Htnl css
CSS
13 votes253 views4 answers
Delected blue border when an input is selected
CSS
0 vote288 views1 answer
Html5 video hide timeline bar
CSS
71 votes293 views6 answers
How to center items in css
CSS
8 votes321 views6 answers
Aos animation
CSS
1 vote279 views2 answers
How to make hr class bootstrap full width
CSS