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 votes129 views3 answers
Multi line comment html
Html
25 votes124 views3 answers
How to add horizontal line in html without css
Html
8 votes151 views3 answers
Readonly attribute in html
Html
1 vote153 views1 answer
Html datetime-local format dd/mm/yyyy
Html
3 votes144 views2 answers
Md bootstrap cdn
Html
0 vote131 views10 answers
How to create a snake game in html css js
Html
4 votes131 views1 answer
Html change name in tab
Html
0 vote148 views1 answer
Bootstrap nav nav tabs float right
Html
0 vote123 views1 answer
How to select every element except first
Html
0 vote133 views1 answer
How to add a button image
Html