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 vote146 views1 answer
Html non importa immagini in webpack
Html
0 vote144 views1 answer
Append html form element
Html
8 votes153 views2 answers
Html disable enter submit
Html
0 vote147 views1 answer
Bootstrap modal search box
Html
0 vote152 views1 answer
Design college website using html
Html
0 vote173 views1 answer
Web svg drawing tool for mathematics
Html
52 votes164 views3 answers
Bootstrap hide row
Html
0 vote155 views1 answer
Empecher saut de ligne html
Html
0 vote161 views1 answer
React bootstrap 5 doesn't apply styles
Html
1 vote190 views1 answer
Html em vs i
Html