CSS Animations

 CSS Animations

CSS animations allow you to add dynamic and interactive effects to elements. Here's an example of a simple animation:

@keyframes slide-in {

  0% {

    transform: translateX(-100%);

  }

  100% {

    transform: translateX(0);

  }

}

.box {

  animation: slide-in 1s forwards;

}