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 vote171 views1 answer
Css sign in with google
CSS
0 vote158 views1 answer
Moving nested element up css
CSS
1 vote160 views1 answer
Css background offset
CSS
0 vote179 views1 answer
Ubuntu toggle always on top
CSS
24 votes188 views5 answers
Placeholder css
CSS
32 votes174 views6 answers
Alert bootstrap
CSS
7 votes206 views6 answers
Jquery remove css class
CSS
-2 votes168 views2 answers
How to add button in css
CSS
0 vote171 views1 answer
Style scrollbar overflow-y
CSS
0 vote201 views1 answer
How to overwrite a css importnat
CSS