A rotating Ferris wheel built with HTML and CSS to practice animations, transforms, and smooth motion effects.
This project focuses on timing, rotation control, and creating a clean, visually pleasing motion component.
- ποΈ Smooth CSS rotation using keyframes
- π‘ Individual cabins rotating around a central axis
- π¨ Clean and minimal layout
- βοΈ No JavaScript required
- HTML5
- CSS3 (animations, transforms, keyframes)
- Center the Ferris wheel on the page for a more balanced layout
- Add a screenshot or GIF preview
- Experiment with different rotation speeds and easing functions
- How to structure rotating elements with
transform-origin - How to sync multiple animations for a cohesive effect
- How to create motion without JavaScript
If you want to connect or see more of my work:
π GitHub: https://github.com/kernelaklees
