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 vote181 views1 answer
Vue center components in body
CSS
1 vote220 views1 answer
Css selector start with
CSS
0 vote156 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.scss - sassy css is the new syntax as of Sass 3
CSS
55 votes186 views6 answers
Css margin
CSS
-2 votes174 views1 answer
Css opacity transition
CSS
0 vote166 views1 answer
Input on Internet explore has close icon
CSS
0 vote189 views2 answers
Command line download file from google drive
CSS
164 votes189 views4 answers
Html head css link
CSS
15 votes179 views2 answers
Border-box css
CSS
4 votes183 views2 answers
Change element in iframe
CSS