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 vote142 views1 answer
Flex-end tailwind
Html
1 vote151 views1 answer
Jquery ajax add loading
Html
35 votes139 views6 answers
How to bold in html
Html
1 vote134 views1 answer
How to write superscript in markdown
Html
2 votes136 views1 answer
Blade show text with html tag
Html
1 vote138 views1 answer
Pass method to composite jsf component
Html
2 votes131 views2 answers
Add html img tag
Html
2 votes148 views1 answer
Get http://localhost:8080/favicon.ico 404 (not found)
Html
0 vote159 views1 answer
How to find the immediate parent in xpath
Html
0 vote196 views1 answer
Como meter imagem html code
Html