What are some examples of JavaScript animations?

What are some examples of JavaScript animations I can use in my web projects?

You can use CSS transitions, requestAnimationFrame for smooth animations, and libraries like GSAP or Anime.js.

Can you show me a simple example of a fade-in effect using JavaScript?

Sure! You can use the following code:

const element = document.getElementById('myElement');
element.style.opacity = 0;

function fadeIn() {
  let op = 0;  
  const timer = setInterval(() => {
    if (op >= 1) clearInterval(timer);
    element.style.opacity = op;
    op += 0.1;
  }, 100);
}

fadeIn();

What about using libraries? Which one do you recommend?

I recommend GSAP for its performance and ease of use. It's great for complex animations and has a lot of features.

Are there any resources to learn more about JavaScript animations?

Yes! You can check out MDN Web Docs, CSS-Tricks, and the GSAP documentation for tutorials and examples.