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

0 vote205 views2 answers
Html5 vs css3
CSS
1 vote199 views2 answers
Text align left top
CSS
2 votes214 views1 answer
Html5 input required length
CSS
1 vote199 views1 answer
Multiple values in @media
CSS
1 vote323 views1 answer
Bootstrap 4 material icon vertical align
CSS Bootstrap
-1 vote226 views1 answer
Css selector list
CSS
24 votes196 views6 answers
Background remover
CSS
0 vote187 views1 answer
Request.env.cr.execute how to get the fetched data in dictionary
CSS
0 vote214 views2 answers
Wp redirect to https htaccess
CSS
9 votes211 views5 answers
Html button size
CSS