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

8 votes169 views2 answers
Css random color
CSS
0 vote120 views1 answer
Material form css
CSS
0 vote121 views1 answer
An operation was attempted on something that is not a socket
CSS
16 votes156 views4 answers
How to make image a circle css
CSS
0 vote127 views1 answer
Css img src
CSS
0 vote132 views1 answer
How to use bootstrap color variables in sass
CSS
0 vote135 views1 answer
Animation clip path
CSS
0 vote125 views1 answer
Link para inserir css
CSS
0 vote123 views1 answer
Css a little transparent
CSS
5 votes129 views3 answers
Set scroll position bottom in div css
CSS