What are some cool CSS and JavaScript animations I can use?

What are some cool CSS and JavaScript animations I can use for my website?

You can use CSS animations like fade-in, slide-in, and bounce effects. JavaScript libraries like GSAP also offer advanced animations.

Can you show me an example of a fade-in effect?

Sure! You can create a fade-in effect using CSS like this:

.fade-in {
  opacity: 0;
  animation: fadeIn 2s forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

Just add the class 'fade-in' to your element!

What about using JavaScript for animations?

With JavaScript, you can manipulate styles directly. For example, using GSAP:

gsap.to('.element', { duration: 2, opacity: 1 });

This will animate the opacity of the element to 1 over 2 seconds.

Are there any libraries you recommend for animations?

Yes! I recommend libraries like GSAP, Anime.js, and Velocity.js for powerful and flexible animations.