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 vote132 views1 answer
Avatar change design html css
CSS
0 vote116 views1 answer
Sdsd
CSS
0 vote152 views2 answers
Roles
CSS
6 votes147 views2 answers
Css how to prevent horizontal scrolling
CSS
0 vote132 views1 answer
Script for free code camp test
CSS
0 vote154 views1 answer
Html5 video hide timeline
CSS
1 vote157 views1 answer
Vue import css scoped
CSS
0 vote169 views3 answers
Add custom css to wordpress menu item
CSS
1 vote146 views2 answers
Change the weight of a bold font css
CSS
0 vote131 views1 answer
Can I use placeholder in <input type="time"/>
CSS