Skip to content

Rakib404H/creating-plannets-using-html-and-css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Planet

A visually captivating animation of a planet with its ring, created using only HTML and CSS. This project demonstrates creative use of CSS animations and shapes to bring the design to life.

Overview

The project features:

  • A beautifully animated planet.
  • A rotating ring around the planet.
  • Dynamic spots on the planet's surface.
  • Smooth animations for the planet's rotation, ring motion, and other visual effects.

Inspiration

This project was inspired by a tutorial from Adson Paulo's YouTube channel.

Features

  • Responsive Design: Adaptable to different screen sizes.
  • CSS Animations: Includes custom animations for planetary rotation and ring movement.
  • Pure HTML and CSS: No JavaScript is used.

Technologies Used

  • HTML5
  • CSS3

Usage

  1. Clone or download the repository.
  2. Open index.html in a web browser to view the animation.

Project Structure

  • index.html: Contains the HTML structure of the project.
  • style.css: Contains the styling and animations for the project.

Preview

Project Preview

Credits

This project was inspired by a tutorial from Adson Paulo.

License

This project is open-source and available under the MIT License.


Enjoy exploring the animated planet! 🌌

Releases

No releases published

Packages

No packages published