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. ✨
You can see this sleek animation track in action below:
A GIF showcasing the animation.
- Horizontal scrolling image track 🚀
- Smooth animations with
transformandanimatemethods ✨ - Optimized for responsiveness 📱
- Customizable scroll speed and behavior 🎛️
- HTML5 🏗️
- CSS3 🎨
- JavaScript 🧑💻
- Clone this repository:
git clone https://github.com/yourusername/animation-track.git- Open the
stucture.htmlfile in your browser:
open structure.html- Scroll horizontally to enjoy the sleek image transitions! 🎉
├── structure.html # Main HTML file
├── styles.css # Embedded CSS for styling
└── script.js # Embedded JavaScript for interactivityThis 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. 🚀
If you'd like to contribute:
- Fork this repository.
- Create a new branch (
git checkout -b feature/your-feature). - Commit your changes (
git commit -am 'Add some feature'). - Push to the branch (
git push origin feature/your-feature). - Create a new Pull Request.
Feel free to submit any issues or feature requests! 🚀
This project is licensed under the MIT License. See the LICENSE file for details.
