What are some cool HTML5 animations I can create?

What are some cool HTML5 animations I can create?

You can create various animations like fading effects, sliding transitions, and bouncing elements using CSS and JavaScript.

Can you give me an example of a simple fading effect?

Sure! You can use CSS to create a fading effect by changing the opacity over time. Here's a simple example:

.fade {
  opacity: 0;
  transition: opacity 1s;
}
.fade.show {
  opacity: 1;
}

You can toggle the 'show' class with JavaScript to trigger the fade.

How do I implement this in my HTML?

You can implement it by adding a div with the class 'fade' and then using JavaScript to add the 'show' class when you want it to fade in. Here's a quick example:

<div class="fade">Hello, World!</div>
<button onclick="document.querySelector('.fade').classList.toggle('show')">Fade In/Out</button>