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

1 vote238 views1 answer
Bootstrap buttons Toggle states
Html
0 vote250 views1 answer
Html header color
Html
1 vote242 views1 answer
Html entity at sign
Html
0 vote207 views1 answer
Robots txt no index entire site
Html
0 vote244 views2 answers
Free html signature template
Html
2 votes229 views2 answers
Toggle button
Html
-1 vote256 views1 answer
Jquery html button
Html
1 vote273 views1 answer
Target vs currenttarget
Html
2 votes247 views1 answer
Html how to make element focusable
Html
3 votes280 views1 answer
Hyperlink mailto pre-populated content
Html