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

9 votes246 views2 answers
HTML File Paths
Html
0 vote205 views1 answer
<style>body {background-color: coral;}</style>
Html
0 vote220 views1 answer
Html mathematical symbols
Html
0 vote306 views1 answer
Card button align bottom bootstrap
Html
0 vote225 views1 answer
Html preload images
Html
2 votes231 views2 answers
Bootstrap 5 rounded
Html
-1 vote223 views2 answers
Chartjs set height
Html
24 votes225 views5 answers
Get data tag
Html
8 votes239 views2 answers
Comment in html5
Html
0 vote265 views1 answer
Link node module in html
Html