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

9 votes209 views6 answers
Table in bootstrap 4
Html
0 vote201 views1 answer
Bootstrap dropright overflow issue
Html
0 vote193 views1 answer
Html email signature tutorial
Html
1 vote186 views2 answers
Html anchor tag
Html
1 vote177 views1 answer
Regex to remove html tags python
Html
3 votes182 views1 answer
Happy birthday html animation
Html
1 vote166 views2 answers
Html web design
Html
1 vote163 views1 answer
Vue toggle checkbox text
Html
0 vote190 views1 answer
Show html string in p tag
Html
38 votes186 views6 answers
How to create a button in html
Html