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 vote165 views1 answer
Info icon html
Html
3 votes213 views1 answer
Form tag radio
Html
23 votes232 views6 answers
Html change background color
Html
1 vote207 views1 answer
Tooltip html
Html
0 vote221 views3 answers
Php warning: php startup: unable to load dynamic library 'bz2'
Html
0 vote242 views1 answer
Pdf to html python
Html
34 votes208 views6 answers
Html color text
Html
0 vote192 views1 answer
How to delete a html tag element in react
Html
0 vote207 views1 answer
How tomake a h1 tag
Html
0 vote190 views1 answer
Why place holder does not show
Html