DEV Community

Cover image for Rainbow Drops Background Animation [No JS]
Nat's Tech Notes
Nat's Tech Notes

Posted on

3

Rainbow Drops Background Animation [No JS]

I've been playing around with pure CSS/no JS background animations, inspired by all the beautiful creations that can be found on CodePen.

Today I made a rainbow drops background animation that I'm really proud of. It was also my first time using Haml and SCSS - or any HTML/CSS preprocessors for that matter - so I learned a lot while making this (and had a ton of fun!).

Hope you enjoy!


Connect with me
CodePen
Twitter
GitHub

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay