Public
- Public
- Network
- Groups
- Popular
- People

The text "disconnect" in all caps, each line sliced in the middle and top and bottom half of each line offset alternatingly left or right. DevTools open on the right to show there's no text duplication, not in the markup and not in any pseudo-content.

Download link

The text "disconnect" in all caps, each line sliced in the middle and top and bottom half of each line offset alternatingly left or right. DevTools open on the right to show there's no text duplication, not in the markup and not in any pseudo-content.
https://files.mastodon.social/media_attachments/files/113/288/574/711/506/443/original/9011e5f8b298173f.png

Notices where this attachment appears

Ana Tudor 🐯 (anatudor@mastodon.social)'s status on Friday, 11-Oct-2024 23:01:26 JST Ana Tudor 🐯
in reply to

The second is a quick little thing I live-coded in Professor Mode on @codepen in under 15 minutes a little while back.
Just like the first, it has absolutely no text duplication, not in the markup and not in pseudo content.
A little #SVG #filter magic 🪄 slices and offsets it https://codepen.io/thebabydino/pen/RwmPZVR
#CSS #cssGradient #svgFilter #code #coding #frontend #web #dev #webDev #webDevelopment

In conversation about a month ago from mastodon.social permalink