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 vote226 views1 answer
Bootstrap select box arrow not visible
Html
0 vote222 views1 answer
Form hide in html
Html
3 votes250 views6 answers
Android status bar color
Html
0 vote222 views1 answer
@click event disabled source
Html
52 votes225 views6 answers
Play audio on click javascript
Html
2 votes210 views2 answers
Rick astley never gonna give you up
Html
2 votes237 views6 answers
Laravel debugging
Html
0 vote210 views1 answer
Set text of file input
Html
3 votes220 views1 answer
HOW TO USE A video on a html website from youtube
Html
0 vote231 views3 answers
How to add image in html from a folder
Html