Answers for "how to animate with html"

2

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>
Posted by: Guest on March-30-2021
0

animate html

<h1 class="animate__animated animate__bounce">An animated element</h1>

<div class="animate__animated animate__bounce animate__delay-2s">Example</div>
<div class="animate__animated animate__bounce animate__repeat-2">Example</div>
<div class="animate__animated animate__bounce animate__faster">Example</div>
Posted by: Guest on October-20-2021

Browse Popular Code Answers by Language