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 vote170 views1 answer
Insert checkbox into combobox css
CSS
1 vote237 views1 answer
Rainbow linear gradient css
CSS
1 vote229 views1 answer
Bootstrap Changing the separator
CSS Bootstrap
22 votes195 views4 answers
Css center in grid
CSS
0 vote159 views1 answer
How to change the size of a style="text-align: center;"
CSS
0 vote160 views1 answer
Font weightcss
CSS
99 votes198 views3 answers
Position property css
CSS
1 vote193 views1 answer
Css select part of class name
CSS
0 vote185 views1 answer
Fill and no repeat background image css
CSS
12 votes211 views3 answers
Line through in css
CSS