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 vote306 views1 answer
Reduce the width of google recaptcha
Html
1 vote287 views1 answer
Multiple ternary in vuejs
Html
56 votes285 views6 answers
Hyperlink html
Html
0 vote237 views1 answer
Bootstrap height
Html
42 votes278 views1 answer
HTML Links - Hyperlinks
Html
3 votes265 views3 answers
Vue js v-for array index
Html
0 vote265 views1 answer
Desactiver un boutton react
Html
0 vote297 views1 answer
Render partial view to html string dotnet core
Html
4 votes360 views1 answer
Input number limit digits
Html
0 vote271 views1 answer
Html table cell border not showing
Html