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

63 votes107 views3 answers
Centralize div bootstrap
Html
0 vote98 views1 answer
How to use unicode in html
Html
56 votes128 views6 answers
How to make a button link in html
Html
0 vote115 views1 answer
H vhjf
Html
3 votes103 views2 answers
Semantic elements
Html
0 vote96 views1 answer
How to select every element except first
Html
2 votes122 views2 answers
Html fieldset color background
Html
0 vote121 views1 answer
Sell html templates
Html
1 vote107 views1 answer
Do not close dialog box when click outside bootstrap modal
Html
15 votes112 views1 answer
Select html
Html