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

38 votes203 views4 answers
Meta viewport
Html
0 vote198 views1 answer
How to add extra line in html
Html
0 vote209 views1 answer
Save soup as html
Html
1 vote200 views1 answer
How to put a table in the middle of a div in html
Html
5 votes200 views2 answers
Html bootstrap textarea
Html
0 vote212 views1 answer
38 1,2
Html
0 vote203 views1 answer
Javascript smooth scroll animation
Html
0 vote189 views1 answer
Soundcloud player html5
Html
0 vote206 views1 answer
Is html easy?
Html
0 vote177 views1 answer
Command parse pipe output
Html