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 vote321 views1 answer
Autoprefixer\
CSS
-1 vote347 views2 answers
How to put different p elements next to each
CSS
0 vote338 views3 answers
Sphinx css templates
CSS
0 vote301 views2 answers
To convert categorical data to numerical
CSS
1 vote410 views1 answer
Materialize customize container
CSS Materialize
0 vote371 views2 answers
Weer
CSS
0 vote338 views2 answers
Bulma uppercase
CSS
0 vote358 views1 answer
Opposite of visibility hidden in css
CSS
145 votes427 views6 answers
Add bootstrap to react
CSS Bootstrap
6 votes335 views4 answers
Backdrop filter css
CSS