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 vote315 views1 answer
ClrIfDetail
Html
1 vote365 views1 answer
Html image onclick
Html
0 vote349 views1 answer
Vuejs v-model array
Html
0 vote359 views2 answers
Link to middle of page
Html
9 votes311 views3 answers
Onclick on anchor tag
Html
54 votes292 views6 answers
Html favicon link
Html
1 vote324 views1 answer
Accept function jsf component
Html
2 votes351 views1 answer
Html sms link iphone
Html
0 vote420 views2 answers
Elements should have autocomplete attributes
Html
1 vote350 views1 answer
What is dir attribute in html
Html