This project replicates a Ferris wheel using HTML and CSS, showcasing smooth animations that simulate the rotation of the wheel and movement of the passenger pods. It serves as a hands-on project for learning CSS animations by my students at the Nnewi Tech Faculty Anambra State, Nigeria.
- Smooth Rotation:The Ferris wheel rotates infinitely using CSS animations.
- Pure CSS Animation: No Javascript required
- Key CSS Properties: @Keyframes, animation-name, animation-iteration-count, animation-timing function, animation-duration, animation-delay, animation-direction.
- HTML5: Structuring the Ferris wheel and its components
- CSS3: Animating and styling the Ferris wheel.
Clone the repository:
Copy code:
git clone https://github.com/HilaryOkonkwo/CSS-Animation-Project.git
cd CSS-Animation-Project
Open the project:
Open the index.html file in your browser to view the ferris wheel.
CSS-Animation-Project/
|-- index.html
|-- LICENSE
|-- Readme.md
|-- styles.css
Feel free to contribute! Here's how you can help:
-
Fork the repository.
-
Create new branch:
git checkout -b branch-name
- Commit your changes:
git commit -m "Adding new feature"
- Push the branch:
git push origin branch-name
- Open pull request
Customize:
Modify the styles.css file to experiment with CSS animations, I encourage you to try out your creativity.
This Project is licensed under the MIT LICENSE
For any questions or feedback, reach out via:
Email: somtoochukwuhilary@gmail.com
GitHub: https://github.com/HilaryOkonkwo
X(formely twitter): https://x.com/OkonkwoSomtoo
Address: Nnewi Tech Faculty Nnewi, Anambra State Nigeria
Phone No: +2348164514675
Software Development Tutor @Nnewi Tech Faculty Nnewi Anambra State, Nigeria.