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 vote170 views1 answer
Hightcharts font
Html
0 vote221 views1 answer
Html skype call
Html
0 vote152 views1 answer
Create link inertia-svelte
Html
1 vote165 views1 answer
Minmax length password
Html
2 votes153 views3 answers
Markdown code block example
Html
0 vote157 views1 answer
Ng else if
Html
0 vote156 views1 answer
Conditional script tag in html head site:stackoverflow.com
Html
0 vote162 views1 answer
Html exporting table is displaying numbers as dates
Html
2 votes177 views1 answer
Background body html
Html
43 votes161 views4 answers
Multiline comment html
Html