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

4 votes205 views2 answers
Border style
CSS
27 votes189 views3 answers
Hide in css
CSS
53 votes196 views4 answers
On hover css
CSS
52 votes219 views6 answers
How to change background color in css
CSS
2 votes192 views2 answers
Opacity animation css
CSS
0 vote188 views1 answer
Change "no file chosen" pseudo css contact form 7
CSS
0 vote185 views2 answers
Min font-size
CSS
0 vote210 views1 answer
After certain width how make ontent center and add margin auto both side
CSS
5 votes206 views4 answers
Css flex gap between items
CSS
4 votes208 views3 answers
Css selection
CSS