Someone hearted a Pen I made over a year ago, a no library, minimal JS version of ...

2024-11-18 18:56:47

Someone hearted a Pen I made over a year ago, a no library, minimal JS version of another I found on nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpq9qceztjxtkkj8qd6d5x0ya3r9whzyu9yljdv0f6jw8y8v704dxmq3xnmhh (nprofile…nmhh).

At the time, it didn't work in Firefox as it was transitioning custom properties and support for :has() there was spotty.

Now it's cross-browser codepen.io/thebabydino/pen/gOqYdJd

#CSS #cssTransition #mask #cssMask #revealEffect #textEffects #textEffect #code #coding #frontend #webDevelopment #web #dev #webDev

Author Public Key

npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu

Show more details

Published at

2024-11-18 18:56:47

Kind type

1 Short Text Note

Event JSON

{ "id": "8dabde0a804ee2d39a05f467a7b849ed87aae891b7135ace22eb67e0ed33c411", "pubkey": "708789c2b324d71ee51c3818622526e1eda1f6ebd9a9ffeba1f09554be3a2562", "created_at": 1731956207, "kind": 1, "tags": [ [ "p", "2831912e465dad2381ba6d0cf276232bae2270a4fc9ac7a75271c87679f569b6", "wss://relay.mostr.pub" ], [ "p", "db491ad25a0786a07a13c1d0daa3dd567aece96a40a6fff8b243641ea4307de9", "wss://relay.mostr.pub" ], [ "t", "css" ], [ "t", "csstransition" ], [ "t", "mask" ], [ "t", "cssmask" ], [ "t", "revealeffect" ], [ "t", "texteffects" ], [ "t", "texteffect" ], [ "t", "code" ], [ "t", "coding" ], [ "t", "frontend" ], [ "t", "webdevelopment" ], [ "t", "web" ], [ "t", "dev" ], [ "t", "webdev" ], [ "imeta", "url https://files.mastodon.social/media_attachments/files/113/505/460/777/015/152/original/f3476b03cd41e683.mp4", "m video/mp4", "dim 1432x862", "blurhash UHB-}Sn$1HRj^7oeI:f75kWV-Bj[EfayoLay" ], [ "proxy", "https://mastodon.social/users/anatudor/statuses/113505482046077453", "activitypub" ] ], "content": "Someone hearted a Pen I made over a year ago, a no library, minimal JS version of another I found on nostr:nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpq9qceztjxtkkj8qd6d5x0ya3r9whzyu9yljdv0f6jw8y8v704dxmq3xnmhh.\n\nAt the time, it didn't work in Firefox as it was transitioning custom properties and support for :has() there was spotty.\n\nNow it's cross-browser codepen.io/thebabydino/pen/gOqYdJd\n\n#CSS #cssTransition #mask #cssMask #revealEffect #textEffects #textEffect #code #coding #frontend #webDevelopment #web #dev #webDev\n\nhttps://files.mastodon.social/media_attachments/files/113/505/460/777/015/152/original/f3476b03cd41e683.mp4", "sig": "40413b4b68ec37342a93d6ddbbc79807bdea51aa1d69d96efa6d73207dcce4050de0a36f92ee3580dea707f58308d60e6db1059b440683a75b68f9246ee250b9" }

Ana Tudor 🐯 on Nostr: Someone hearted a Pen I made over a year ago, a no library, minimal JS version of ...