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 vote317 views1 answer
A _target
Html
18 votes294 views2 answers
Autofill visual code html code
Html
2 votes330 views1 answer
Html sms link iphone
Html
2 votes310 views5 answers
No.in round using bootstrap
Html
24 votes345 views6 answers
Tailwind center
Html
91 votes361 views6 answers
Open link in a new tab
Html
90 votes313 views5 answers
Html uppercase
Html
1 vote286 views1 answer
Switch page html
Html
0 vote348 views1 answer
Copy right html footer
Html
3 votes358 views3 answers
How to show iframe in full width
Html