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 vote176 views2 answers
Html encrypt email from bots
Html
1 vote147 views1 answer
HTML started template for bootstrap
Html
0 vote151 views1 answer
Python convert number to binar
Html
1 vote144 views1 answer
Html hide a div by default
Html
8 votes215 views4 answers
Bootstrap 4 search bar
Html
3 votes139 views1 answer
Internet and intranet
Html
17 votes149 views2 answers
Navbar bootstrap 4 with dropdown
Html
35 votes162 views5 answers
Tab in html
Html
0 vote151 views1 answer
Ouvrir dans nouvelle page html
Html
0 vote153 views1 answer
React-burger-menu right
Html