Skip to content

Using the Web Animations API I'll be replicating some animations I come across

Notifications You must be signed in to change notification settings

Lezette/web-animation-dump

Repository files navigation

Frontend Animation Collection 🎨✨

This repository is a collection of frontend animations I've created, either inspired by tutorials or imagined that I imagined. The focus is on web accessibility, CSS, and Web API-based animations, aiming to make the web more dynamic and user-friendly. 💻

What You'll Find:

CSS Animations: Creative effects utilizing CSS properties like transform, keyframes, and more. Web API Animations: JavaScript-driven animations with smooth transitions and user interaction enhancements. Experimental Animations: Fun ideas born from experimentation and exploration in web animation!

Featured Animations:

Perspective Transformation: A factory with a steaming chimney using CSS

factory.mp4

Perspective Transformation: A stairs design using CSS perspective and transform

stairs.mp4

Tutorial-Inspired Animation: This animation was initially based on a tutorial I followed and enhanced.

car.mp4

Why This Repo?

Learning Resource: Whether you're a beginner or experienced, these examples are a great starting point to learn about frontend animations.

Accessibility in Mind: All animations are designed to be accessible to as many users as possible.

Constantly Evolving: More animations are being added frequently, so stay tuned!

About

Using the Web Animations API I'll be replicating some animations I come across

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published