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 vote346 views1 answer
Css if element is empty
CSS
18 votes310 views2 answers
Hover transition css
CSS
16 votes369 views2 answers
Center h1 css
CSS
-1 vote351 views2 answers
Hide the scrollbar in css if not overflow
CSS
0 vote423 views1 answer
Bootstrap-navbar-containers
CSS Bootstrap
0 vote388 views4 answers
Scale down image css
CSS
4 votes371 views1 answer
Css overflow truncate
CSS
179 votes582 views6 answers
Filter method
CSS
0 vote363 views1 answer
AITpro maintenance mode CSS
CSS
0 vote355 views1 answer
Css button click color
CSS