Skip to content

KernelaKlees/Ferris-Wheel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎑 Ferris Wheel

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.


✨ Features

  • 🎞️ Smooth CSS rotation using keyframes
  • 🎑 Individual cabins rotating around a central axis
  • 🎨 Clean and minimal layout
  • βš™οΈ No JavaScript required

πŸ› οΈ Tech Stack

  • HTML5
  • CSS3 (animations, transforms, keyframes)

πŸ“Έ Preview

Ferris Wheel Animation


πŸ”§ Future Improvements

  • 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

πŸ’‘ What I Learned

  • How to structure rotating elements with transform-origin
  • How to sync multiple animations for a cohesive effect
  • How to create motion without JavaScript

πŸ“¬ Contact

If you want to connect or see more of my work:
πŸ‘‰ GitHub: https://github.com/kernelaklees

About

A simple CSS animation that recreates a rotating Ferris wheel using transforms and keyframes. This project focuses on motion, timing, and smooth visual rotation in a clean layout.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors