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

1 vote106 views1 answer
Mat-progress-bar just dots
CSS
1 vote62 views2 answers
Hide text css
CSS
1 vote99 views1 answer
Screen rotation in css
CSS
0 vote110 views1 answer
Long text coming out of the block
CSS
0 vote86 views2 answers
Vertically and horizontally center a fixed div
CSS
2 votes91 views2 answers
Css width percentage
CSS
29 votes108 views4 answers
@font-face css
CSS
72 votes87 views6 answers
Css font size
CSS
0 vote95 views1 answer
How to make img cover parent div
CSS
0 vote106 views1 answer
How to use css transform matrix
CSS