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 vote207 views1 answer
Width height samsung note 20 screen
CSS
0 vote206 views1 answer
Style textarea in css
CSS
4 votes171 views1 answer
Linear gradient instagram
CSS
4 votes242 views2 answers
How to make background fixed while scrolling
CSS
0 vote186 views1 answer
CSS - The Class Selectors - Element
CSS
3 votes193 views3 answers
How to change text on hover css
CSS
1 vote183 views1 answer
Css url do not change color of visited links
CSS
1 vote189 views1 answer
Sql file extension
CSS
1 vote197 views1 answer
Css target except id
CSS
104 votes257 views6 answers
Media screen
CSS