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)
- CSS shape-outside example to wrap text around image - January 7, 2021
- Behind the sun! Pure CSS Animation - January 5, 2021
- Unable to format code in VSCode on MacOS using shortcut (solved) - January 4, 2021