Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 Animation Track 🎨

A minimalist image carousel built with HTML5, CSS3, and JavaScript. This project uses smooth scrolling to create a horizontal track of images that responds to the user's scroll movement. Simple, elegant, and responsive. ✨

📸 Demo

You can see this sleek animation track in action below:

inputAsset

A GIF showcasing the animation.

🌟 Features

  • Horizontal scrolling image track 🚀
  • Smooth animations with transform and animate methods ✨
  • Optimized for responsiveness 📱
  • Customizable scroll speed and behavior 🎛️

🛠️ Technologies

  • HTML5 🏗️
  • CSS3 🎨
  • JavaScript 🧑‍💻

🔧 Usage

  1. Clone this repository:
git clone https://github.com/yourusername/animation-track.git
  1. Open the stucture.html file in your browser:
open structure.html
  1. Scroll horizontally to enjoy the sleek image transitions! 🎉

📂 Project Structure

├── structure.html  # Main HTML file
├── styles.css      # Embedded CSS for styling
└── script.js       # Embedded JavaScript for interactivity

💡 Inspiration

This project was inspired by the creative work of Camille Mormal 🎨. I took inspiration from the smooth animations and interactive elements to create a similar experience. 🚀

🤝 Contributions

If you'd like to contribute:

  1. Fork this repository.
  2. Create a new branch (git checkout -b feature/your-feature).
  3. Commit your changes (git commit -am 'Add some feature').
  4. Push to the branch (git push origin feature/your-feature).
  5. Create a new Pull Request.

Feel free to submit any issues or feature requests! 🚀

📜 License

This project is licensed under the MIT License. See the LICENSE file for details.

About

A minimalist image carousel built with HTML5, CSS3, and JavaScript.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages