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

23 votes167 views5 answers
Linear gradient border
CSS
0 vote157 views1 answer
Css textarea set max characters
CSS
0 vote156 views1 answer
Css convert td to tr
CSS
6 votes186 views5 answers
Font-style css
CSS
0 vote157 views1 answer
Css 2 divs nebeneinander
CSS
1 vote176 views1 answer
Page icon css
CSS
7 votes153 views2 answers
Create circle border css
CSS
0 vote207 views1 answer
3d rotating text css
CSS
0 vote169 views1 answer
Box-sizing border-box vs content-box css
CSS
3 votes180 views1 answer
Wrap table html
CSS