https://github.com/goyal-coder/ferris-wheel-using-animation
This is a basic not over designed ferris wheel using css animation.
https://github.com/goyal-coder/ferris-wheel-using-animation
Last synced: 11 months ago
JSON representation
This is a basic not over designed ferris wheel using css animation.
- Host: GitHub
- URL: https://github.com/goyal-coder/ferris-wheel-using-animation
- Owner: goyal-coder
- Created: 2025-01-23T12:21:07.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-23T12:33:09.000Z (over 1 year ago)
- Last Synced: 2025-02-12T12:54:49.872Z (over 1 year ago)
- Language: CSS
- Size: 4.88 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Ferris Wheel Animation
This is a fun web-based Ferris Wheel animation created using HTML, CSS, and keyframe animations.
The wheel spins continuously, displaying rotating cabins in different colors.
It's designed to be a simple yet engaging visual for learning CSS animations and positioning techniques.
Features
Spinning Ferris Wheel: The wheel rotates continuously with a smooth animation.
Color-Changing Cabins: The cabins change colors as they rotate around the wheel.
Responsive Design: The wheel adapts to different screen sizes, with a maximum size of 500px.
Technologies Used
HTML: Structuring the content of the webpage.
CSS: Styling and animating the Ferris Wheel, lines, and cabins.
Keyframe Animations: For the continuous rotation of the wheel and the cabins.
How to Run
Clone or download the repository.
Open index.html in a browser of your choice.
Enjoy the spinning Ferris Wheel animation!
Preview
License
© 2025 @Nandini. All rights reserved.