Skip to content

Esharao/Animation-Using-CSS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Animation Using CSS

rotation and revolution Overview

This project is a simple solar system animation created using HTML, CSS, and JavaScript. It features a glowing and moving sun, an orbiting Earth with its moon, and a dynamic starry background. The animation provides a visually appealing representation of celestial motion using CSS animations and JavaScript.

Features

Glowing and moving sun: The sun has a glowing effect and moves slightly back and forth to simulate real-life solar activity.

Orbiting Earth and Moon: The Earth orbits around the sun, while the moon orbits around the Earth.

Twinkling stars background: Randomly generated stars twinkle in the background, creating a realistic space effect.

Smooth CSS animations: Uses keyframe animations to simulate celestial movements smoothly.

Technologies Used

HTML: Structure of the solar system.

CSS: Styling and animations for planetary motion and effects.

JavaScript: Dynamic star generation for a twinkling background.

Output:- image

image

About

rotation and revolution

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published