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

28 votes360 views3 answers
Box shadow to make border bottom
CSS
51 votes340 views6 answers
Css first element
CSS
0 vote344 views1 answer
$scope.$apply
CSS
0 vote336 views1 answer
Css circle with number
CSS
-1 vote380 views1 answer
Mainframe courses udemy
CSS
0 vote364 views2 answers
How to change the select arrow in css
CSS
4 votes348 views1 answer
Grid-area
CSS
0 vote329 views1 answer
What is focus state in css
CSS
1 vote339 views1 answer
Css no list markers
CSS
2 votes401 views1 answer
How to use the transition left in css
CSS