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 vote119 views1 answer
Css distance between text and input box
CSS
60 votes113 views5 answers
Rotate div css
CSS
1 vote110 views1 answer
Mysqli load result into array
CSS
19 votes117 views4 answers
Add blur background css
CSS
0 vote127 views1 answer
Remove focus blue lines from anchor tag
CSS
3 votes147 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
2 votes124 views2 answers
Restrict a paragraph height css
CSS
68 votes111 views5 answers
Jquery css
CSS
2 votes121 views1 answer
Bootstrap 5 auto darkmode 5
CSS
0 vote133 views1 answer
Css radio button size
CSS