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

4 votes308 views5 answers
Html tag
Html
0 vote352 views1 answer
Open Dropdown pop up upwards forcely
Html
3 votes315 views1 answer
Html indice
Html
5 votes331 views2 answers
Selenium.common.exceptions.SessionNotCreatedException: Message: session not created: This version of ChromeDriver only supports Chrome version 81
Html
22 votes349 views3 answers
Open page with html
Html
1 vote283 views2 answers
Html tab character
Html
1 vote312 views1 answer
Bootstrap border none modal header
Html
1 vote309 views1 answer
Component in ejs
Html
0 vote298 views1 answer
How to make rom hajkcko
Html
-1 vote315 views1 answer
How to add Music to body html
Html