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 vote288 views2 answers
Center a video horizontally
CSS
0 vote277 views1 answer
Css ripple effect
CSS
0 vote233 views1 answer
Icone css
CSS
145 votes355 views10 answers
Grepper
CSS
3 votes328 views2 answers
What is vh in css
CSS
0 vote297 views1 answer
Css hide mark border
CSS
4 votes300 views3 answers
Zoom in and out iconhtml css
CSS
10 votes272 views2 answers
Css how to change font colr
CSS
-1 vote272 views1 answer
Centralize div css
CSS
3 votes309 views1 answer
Fontawesome trash icon
CSS