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 vote297 views1 answer
Buttosn html
Html
0 vote308 views2 answers
Drupal 9 path to theme
Html
2 votes314 views1 answer
How to set a default value for a dropdownlist in html with thymeleaf spring
Html
1 vote322 views1 answer
Vue get element by id
Html
0 vote316 views1 answer
Two divs in the same place
Html
0 vote306 views2 answers
Desi
Html
0 vote325 views1 answer
Change the height of select option
Html
0 vote312 views1 answer
How to edit html in wordpress
Html
0 vote304 views2 answers
How to increase size of input submit type in html
Html
1 vote301 views1 answer
Action_page.php
Html