Check out this awesome animation made with just HTML and CSS!
This animation is made with just 50 lines of CSS. It is made by animating box shadow and translating position along with background color using CSS keyframes.
Credits to NANOUU for making this awesome yet simple to do animation 🙂
Checkout the code below
See the Pen Behind the sun! by NANOUU (@antoniasymeonidou) on CodePen.23550
A CA- by education, self taught coder by passion, loves to explore new technologies and believes in learn by doing.
Latest posts by Ranjith kumar (see all)
- Curved button using Flutter | Can it be done with Flutter? | Custom shapes Flutter | Custom painter - September 21, 2022
- Dynamic Island using Flutter | iPhone 14 Pro | Can it be done with Flutter? - September 14, 2022
- Best practices of scraping website data for beginners (Updated 2022) - September 12, 2022