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 vote309 views1 answer
Remove required effect in css
CSS
0 vote314 views1 answer
Docker buildx push to private registry
CSS
0 vote342 views1 answer
Webpack how to disable warning when run build
CSS
0 vote318 views1 answer
Make td match display flex
CSS
15 votes340 views3 answers
Css size
CSS
0 vote322 views1 answer
How to make text transparent with stroke in css
CSS
19 votes357 views5 answers
Css opacity background color
CSS
0 vote394 views2 answers
Fluid typography
CSS
1 vote341 views1 answer
Rainbow linear gradient css
CSS
7 votes318 views2 answers
Disable bullets in ul
CSS