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 vote300 views1 answer
Limite file input to jpg
Html
0 vote340 views1 answer
I = ["hi", "he",
Html
6 votes296 views6 answers
Boostrap input
Html
0 vote256 views1 answer
Kebab-case
Html
6 votes276 views2 answers
Change html title
Html
2 votes301 views4 answers
Meta property="og:description"
Html
5 votes292 views1 answer
Input field with dropdown selection
Html
0 vote285 views1 answer
Bootstrap5 lineheight
Html
0 vote295 views1 answer
Html no drag image
Html
0 vote277 views3 answers
UnexpectedValueException The stream or file "/var/www/html/storage/logs/laravel.log" could not be opened in append mode: failed to open stream: Permission denied
Html