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

1 vote111 views2 answers
Apple font css
CSS
0 vote114 views2 answers
Media Query smartphone only
CSS
0 vote115 views1 answer
AddCorsMappings registry.addMapping
CSS
0 vote115 views1 answer
Css not loading after clearing chaches asp.net
CSS
80 votes126 views6 answers
Add css file to html
CSS
0 vote118 views1 answer
Colour button link
CSS
127 votes125 views4 answers
React import bootstrap css
CSS
0 vote148 views4 answers
Position absolute prevent overflow
CSS
1 vote107 views1 answer
Css caret-color property
CSS
0 vote111 views1 answer
Remove 000webhost ads
CSS