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 vote195 views1 answer
/> in html
Html
0 vote213 views4 answers
How to populate a grid with images in html
Html
0 vote231 views1 answer
Navbar styles css
Html
1 vote205 views1 answer
Empty link html
Html
3 votes186 views1 answer
Em tag in html5
Html
0 vote199 views2 answers
Message box html
Html
1 vote202 views3 answers
Copywrite in html
Html
0 vote197 views1 answer
How to put anchor in center in html
Html
0 vote210 views1 answer
Nastro adesivo termico
Html
0 vote148 views1 answer
Html tandc
Html