Pure #CSS 1 div halftone-masked background card ...

2025-01-07 11:07:21

Pure #CSS 1 div halftone-masked background card https://codepen.io/thebabydino/pen/GRNKqRv on nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpq9qceztjxtkkj8qd6d5x0ya3r9whzyu9yljdv0f6jw8y8v704dxmq3xnmhh (nprofile…nmhh).

Made this 4 years ago - can you guess how before checking the code?

Doesn't work in Firefox due to an old bug 🪲 not even related to the halftone mask, but caused by the duo text on the right.

#filter #code #coding #frontend #cssfFilter #web #dev #webDev #webDevelopment #blendMode #blending

Author Public Key

npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu

Show more details

Published at

2025-01-07 11:07:21

Kind type

1 Short Text Note

Event JSON

{ "id": "c6fd5dcef83431ef761f07aafd4aecba197f4ecaa3fe074ec9c0d8009a338e94", "pubkey": "708789c2b324d71ee51c3818622526e1eda1f6ebd9a9ffeba1f09554be3a2562", "created_at": 1736248041, "kind": 1, "tags": [ [ "p", "2831912e465dad2381ba6d0cf276232bae2270a4fc9ac7a75271c87679f569b6", "wss://relay.mostr.pub" ], [ "p", "db491ad25a0786a07a13c1d0daa3dd567aece96a40a6fff8b243641ea4307de9", "wss://relay.mostr.pub" ], [ "t", "css" ], [ "t", "filter" ], [ "t", "code" ], [ "t", "coding" ], [ "t", "frontend" ], [ "t", "cssffilter" ], [ "t", "web" ], [ "t", "dev" ], [ "t", "webdev" ], [ "t", "webdevelopment" ], [ "t", "blendmode" ], [ "t", "blending" ], [ "imeta", "url https://files.mastodon.social/media_attachments/files/113/786/747/282/629/361/original/79c391ec3afce618.png", "m image/png", "dim 768x518", "blurhash UXC=GB}q=xspt6ocodoLJnJ9S3oes:oLj[a{" ], [ "proxy", "https://mastodon.social/users/anatudor/statuses/113786751626872956", "activitypub" ] ], "content": "Pure #CSS 1 div halftone-masked background card https://codepen.io/thebabydino/pen/GRNKqRv on nostr:nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpq9qceztjxtkkj8qd6d5x0ya3r9whzyu9yljdv0f6jw8y8v704dxmq3xnmhh. \n\nMade this 4 years ago - can you guess how before checking the code?\n\nDoesn't work in Firefox due to an old bug 🪲 not even related to the halftone mask, but caused by the duo text on the right. \n\n#filter #code #coding #frontend #cssfFilter #web #dev #webDev #webDevelopment #blendMode #blending\n\nhttps://files.mastodon.social/media_attachments/files/113/786/747/282/629/361/original/79c391ec3afce618.png", "sig": "0a7842fd69d890c3a9a86a0c1cfef1c75d4b5d0da691472e1fbd993f1fd87f7cf76401eab9e58aace0e8fa0acdfc0f301cb8cf71595afbc8adaf6e496846a111" }

Ana Tudor 🐯 on Nostr: Pure #CSS 1 div halftone-masked background card ...