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 vote240 views1 answer
High load linux
Html
59 votes187 views5 answers
Favicon meta
Html
0 vote189 views1 answer
W3 input dynamically
Html
13 votes197 views6 answers
Html reload button
Html
1 vote223 views1 answer
Html color tomato hex
Html
6 votes224 views3 answers
Prevent bootstrap modal from closing when clicking outside
Html
1 vote181 views1 answer
Select first option deselect
Html
0 vote214 views1 answer
Card view image in html
Html
23 votes259 views1 answer
Accept only image input file
Html
5 votes156 views1 answer
Font awesome home icon
Html