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

32 votes185 views6 answers
@font-face in css
CSS
0 vote204 views1 answer
Css pause animation
CSS
4 votes133 views1 answer
Background position center center
CSS
1 vote275 views1 answer
Bootstrap card hover effect
CSS Bootstrap
0 vote173 views1 answer
Tf.reduce_mean(y_true,y_predicted)
CSS
0 vote199 views1 answer
Overwrite safari dropdown css
CSS
20 votes193 views3 answers
Align items center in grid
CSS
4 votes186 views3 answers
Webkit
CSS
0 vote220 views2 answers
Styling links within a class except the last one
CSS
7 votes181 views2 answers
Detect if an element has a class jQurey
CSS