Create a visually impressive animated background using only HTML, CSS, and JavaScript, suitable for a landing page or intro screen.
1. Background Animation
Implement a CSS animated gradient background that smoothly shifts colors horizontally or diagonally to simulate movement.
The animation should loop infinitely and transition seamlessly.
Use dark-themed colors suitable for a night sky (e.g., dark blues, purples, blacks).
2. Shooting Stars Effect
Overlay a night sky with twinkling stars and shooting star animations.
Shooting stars should appear at random intervals and locations.
Shooting stars should travel quickly in a diagonal direction and fade out naturally.
The stars and shooting stars can be implemented using CSS animations and/or JavaScript with
Copied
Duplicate the sample to my website
{{ item.name }}{{ item.title }}
Duplicate
Close
