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

0 vote144 views1 answer
Html estrutura
Html
7 votes167 views4 answers
Html lazy load images
Html
30 votes153 views5 answers
What is iframe html
Html
17 votes250 views6 answers
Collapse bootstrap 4
Html
1 vote235 views10 answers
Java
Html
0 vote144 views1 answer
How to revert php artisan ui vue --auth
Html
1 vote138 views1 answer
MIME type ('text/html') is not executable
Html
4 votes106 views1 answer
Input number limit digits
Html
0 vote134 views1 answer
Inner html templates
Html
0 vote137 views2 answers
How to execute asp code in html
Html