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 vote117 views3 answers
Solution
Html
0 vote105 views1 answer
Site:www.javascriptcn.com como criar uma cal com letras e numeros
Html
0 vote123 views1 answer
Color ful scroll bar
Html
1 vote109 views1 answer
Html input price
Html
0 vote118 views2 answers
Free html dashboard templates
Html
0 vote102 views1 answer
Print view fields in unformatted.html.twig drupal
Html
1 vote103 views1 answer
Lien dans un nouvel onglet html
Html
2 votes106 views1 answer
How to use an html div by name in jquery
Html
-1 vote105 views1 answer
Encode plus sign in url
Html
0 vote101 views2 answers
Espaçamento bootstrap
Html