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 vote255 views1 answer
Table align center not working in github
Html
1 vote266 views1 answer
Html regex p.iva
Html
131 votes226 views7 answers
Span html
Html
1 vote251 views1 answer
Javascript onclick back
Html
-1 vote250 views2 answers
Slider html css
Html
0 vote241 views1 answer
Hr in html
Html
0 vote304 views4 answers
Material datepicker
Html
0 vote300 views2 answers
Echo
Html
1 vote272 views1 answer
When does useeffect return run
Html
0 vote269 views1 answer
Hide phpsessid wordpress plugin
Html