The eighth is this no text duplication blended layers demo Uses #CSS gradients and ...

2024-10-21 13:21:37 CEST

The eighth is this no text duplication blended layers demo https://codepen.io/thebabydino/pen/abxLyxw

Uses #CSS gradients and some #SVG #filter magic 🪄 to get the effect - can you figure out how before checking it out on CodePen (npub1sf7…gl68)?

#svgFilter #textEffect #textEffects #coding #code #frontend #web #dev #webDev #webDevelopment

Author Public Key

npub1ahnq52t7xsmfypa3t8c4fpprz5m2e5sg4zfsf7lfc9n2n3j5qs6sskkqax

Seen on

wss://relay.momostr.pink

Show more details

Published at

2024-10-21 13:21:37 CEST

Kind type

1 Short Text Note

Event JSON

{ "id": "841e91529adf8cb5ef4c2ddcaf00ebea26da9c437fe6151fdcca2363d074f292", "pubkey": "ede60a297e34369207b159f15484231536acd208a89304fbe9c166a9c6540435", "created_at": 1729509697, "kind": 1, "tags": [ [ "t", "css" ], [ "e", "2edc45fb352e857be91a5de8717a8a0847db887f46f8a043323cece0e58d13fc", "", "reply", "ede60a297e34369207b159f15484231536acd208a89304fbe9c166a9c6540435" ], [ "p", "827dff3631108ba3a2eb2c455615166c4320e10ce086f31afa6aa657a94ca1db" ], [ "t", "texteffects" ], [ "t", "web" ], [ "t", "code" ], [ "t", "svgfilter" ], [ "t", "webdevelopment" ], [ "t", "texteffect" ], [ "t", "webdev" ], [ "e", "a607cd4c51074d74b97efbe6910a6df7a4d22167b50bb6a79ef0fe2c146cb0a1", "", "root", "ede60a297e34369207b159f15484231536acd208a89304fbe9c166a9c6540435" ], [ "proxy", "https://mastodon.social/@anatudor/113345147541012675", "web" ], [ "p", "ede60a297e34369207b159f15484231536acd208a89304fbe9c166a9c6540435" ], [ "t", "svg" ], [ "t", "dev" ], [ "imeta", "url https://files.mastodon.social/media_attachments/files/113/345/135/838/788/147/original/3bb5b0f546401f7d.png", "m image/png" ], [ "t", "filter" ], [ "t", "frontend" ], [ "t", "coding" ], [ "proxy", "https://mastodon.social/users/anatudor/statuses/113345147541012675", "activitypub" ], [ "L", "pink.momostr" ], [ "l", "pink.momostr.activitypub:https://mastodon.social/users/anatudor/statuses/113345147541012675", "pink.momostr" ], [ "-" ] ], "content": "The eighth is this no text duplication blended layers demo https://codepen.io/thebabydino/pen/abxLyxw\n\nUses #CSS gradients and some #SVG #filter magic 🪄 to get the effect - can you figure out how before checking it out on nostr:npub1sf7l7d33zz968ght93z4v9gkd3pjpcgvuzr0xxh6d2n9022v58ds48gl68? \n\n#svgFilter #textEffect #textEffects #coding #code #frontend #web #dev #webDev #webDevelopment\nhttps://files.mastodon.social/media_attachments/files/113/345/135/838/788/147/original/3bb5b0f546401f7d.png\n", "sig": "a8cf4d8cb964e57e59846cefeee133d8e24bee886aa95b96261a565229a6e0cffa503cc832a467037ac4fc044ae7e48145d618b339daf61130692a29ed6051e2" }

Ana Tudor 🐯 on Nostr: The eighth is this no text duplication blended layers demo Uses #CSS gradients and ...