DEV Community

Cover image for CSS Light Saber
Oryam
Oryam

Posted on

5 1

CSS Light Saber

Inspired by lynn fisher and this live streaming video with her,
I created:

Single div Lightsaber

In CSS, there are three layers: the selector, :before, and :after.
In this case the “div” holds the blade, the :before holds the hilt and the :after holds the button.
The drawing was made with color-gradients inside a background-image.

Top comments (1)

Collapse
 
danielbellmas profile image
Daniel Bellmas

🤯

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

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

Okay