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