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 vote280 views1 answer
Edit default theme in component angular css
CSS
0 vote317 views1 answer
Webpack how to disable warning when run build
CSS
0 vote274 views1 answer
Allfont cdn
CSS
145 votes417 views6 answers
Import bootstrap in react
CSS Bootstrap
0 vote293 views2 answers
Change svg color on hover, css
CSS
0 vote332 views1 answer
Mat radio button color
CSS
0 vote301 views2 answers
How to zoom picture on hover using css
CSS
0 vote310 views1 answer
React use global css classes
CSS
0 vote287 views1 answer
Bootstrap put button on one line
CSS
12 votes293 views1 answer
Pair impaire css
CSS