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

5 votes119 views1 answer
How to create modal popup in javascript
Html
0 vote109 views1 answer
How to add a submit a review on html
Html
37 votes146 views4 answers
Html svg
Html
0 vote106 views1 answer
Making index in html
Html
0 vote110 views1 answer
Add background image in html without css
Html
1 vote108 views1 answer
Wie macht man ein iframe
Html
5 votes106 views7 answers
Programming
Html
-1 vote111 views2 answers
Html inline label
Html
57 votes116 views1 answer
Flex direction column bootstrap 4
Html
2 votes120 views3 answers
Dropdown bootstrap 5
Html