Skip to content

KostasSliazas/animations

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS Animation Experiments Portfolio

Welcome to my CSS Animation Experiments repository! 🎨✨ This project is a collection of creative and interactive animations built using HTML and CSS. Feel free to explore, copy, and integrate these snippets into your own projects. 🚀

🌟 Features

  • Pure CSS Animations – No JavaScript required for most effects.
  • Modular Code – Easy to copy and customize.
  • Browser Compatibility – Optimized for modern web browsers.

🚀 Quick Start

  1. Clone the repository:
    git clone https://github.com/KostasSliazas/animations.git
  2. Open the project folder:
    cd animations
  3. Open index.html in your browser to explore the animations. For example:
    firefox index.html

📋 Usage Instructions

  • Copying Animations: Each animation is designed as a reusable module. Copy the corresponding HTML and CSS snippets into your project.
  • Customizing Effects: Modify properties like duration, timing-function, and keyframes to create personalized effects.

🛠️ Tools Used

  • HTML5 – Structure
  • CSS3 – Styling and animations

🎨 Showcase

A few highlights:

  • Loader Spinners – Eye-catching loading indicators.

💡 Contributing

Contributions are welcome! If you have cool ideas, submit a pull request or open an issue. Let's create something amazing together! 🌟


Happy Coding! 💻✨