how to animate in css

chicken man answered on March 30, 2021 Popularity 10/10 Helpfulness 3/10

answer how to animate in css

how to animate in css

Comment

Tip Chicken man 1 GREPCC

<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>

xxxxxxxxxx

<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>

Popularity 10/10 Helpfulness 3/10 Language html

Source: Grepper

Tags: css html

Link to this answer
Share Copy Link

Contributed on Mar 30 2021

chicken man

0 Answers Avg Quality 2/10

how to animate in css

Contents

More Related Answers

how to animate in css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.