Skip to content

HEETMEHTA18/Animation.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

89 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation


Loader Animation πŸ”„

A smooth and visually appealing CSS loader animation inspired by Uiverse.io. This project uses pure HTML & CSS to create a dynamic, shape-shifting loader effect.

πŸš€ Features

βœ… Pure HTML & CSS (No JavaScript)
βœ… Fast & Smooth Animations
βœ… Customizable Colors, Speed & Sizes
βœ… Works on All Modern Browsers
βœ… Lightweight & Responsive

πŸŽ₯ Live Preview

Check out the animation in action by opening index.html in a browser or using Live Server in VS Code.

πŸ“‚ Project Structure

/animation
  |──── Loader Screen
  β”œβ”€β”€ index.html  (Main HTML File)
  β”œβ”€β”€ style.css   (CSS for animation)

⚑ How to Use

  1. Clone the Repository
    git clone https://github.com/HEETMEHTA18/Animation.io.git
  2. Open in VS Code and install the Live Server extension (optional).
  3. Run index.html in your browser.

🎨 Customization

  • Speed: Adjust the animation-duration in style.css.
  • Colors: Change background properties in the .loader elements.
  • Size: Modify width and height in the keyframes.

About

✨ Web Animations Collection A growing collection of CSS & JavaScript animations, including loaders, transitions, and effects. Fully responsive, customizable, and easy to use! πŸš€ Live Previews: Open index.html or use Live Server. 🎨 More animations coming soon! Contributions welcome!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors