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

1 vote185 views1 answer
& sign html
Html
0 vote185 views2 answers
Custom radio css
Html
33 votes154 views5 answers
Underline text html
Html
3 votes165 views1 answer
Responsive flexbox navbar
Html
0 vote198 views2 answers
V-for comma separated
Html
0 vote171 views1 answer
Ionic footer not appearing
Html
1 vote287 views2 answers
Tailwind CSS alert
Html
0 vote238 views1 answer
How to make multiple pages html
Html
10 votes171 views4 answers
Search bar bootstrap
Html
0 vote157 views1 answer
How to say what happens on left click in HTML
Html