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 votes168 views5 answers
Font weight css
CSS
13 votes200 views2 answers
Button edges rounded css
CSS
0 vote206 views1 answer
Webkit css audio code
CSS
0 vote204 views1 answer
Activate_bin_path
CSS
0 vote215 views1 answer
Css radio button size
CSS
55 votes421 views5 answers
Bootstrap 3 button
CSS Bootstrap
2 votes204 views1 answer
Css resize image without distortion
CSS
4 votes252 views2 answers
Border dot css
CSS
29 votes275 views3 answers
Green hex code
CSS
2 votes200 views2 answers
Input disabled remove css
CSS