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 vote186 views1 answer
Liveweaver
Html
8 votes190 views4 answers
How to add a title in html
Html
0 vote176 views1 answer
Unicode menu icon
Html
6 votes172 views2 answers
Raise WebDriverException( selenium.common.exceptions.WebDriverException: Message: 'chromedriver' executable needs to be in PATH. Please see https://sites.google.com/a/chromium.org/chromedriver/home
Html
0 vote174 views1 answer
Grandezza di una tabella html
Html
0 vote174 views2 answers
How to set an svg favicon in html
Html
0 vote131 views1 answer
Make all fields read only in form
Html
0 vote185 views1 answer
Mat-tab height 100
Html
2 votes182 views1 answer
How to use unsplash images in html
Html
0 vote178 views1 answer
How to increase width of textbox in html
Html