How to animate in css

<style>
.myclass{
  background:red; /*DEFAULT VALUE*/
  animation:colorchange 1s; /*ANIMATION PROPERTY [animation name, time duration]*/
}
@keyframes colorchange{
  from{background:red} /*DEFAULT VALUE*/
  to{background:blue} /*CHANGING VALUE*/
}
</style>
<body>
<div class="myclass"> ELEMENT </div>
</body>

Similar codes

4 votes282 views4 answers
How to run vscode as root
Html
1 vote251 views1 answer
Load popper in html
Html
21 votes251 views3 answers
Google font import
Html
8 votes252 views3 answers
Readonly attribute in html
Html
0 vote258 views1 answer
Html h1 left align
Html
0 vote257 views1 answer
Html path svg stop
Html
0 vote272 views1 answer
Html textarea background text
Html
4 votes236 views2 answers
Use of urdu in lang attribute in html
Html
0 vote274 views1 answer
Theme colur in html
Html
214 votes337 views6 answers
Adding css to html
Html