The Ko-fi promote your page is ugly and the #CSS for it is inefficient (radial ...

2025-01-17 17:21:23 CET

The Ko-fi promote your page is ugly and the #CSS for it is inefficient (radial gradient covers with jagged edges 😿 https://bsky.app/profile/anatudor.bsky.social/post/3ktzrzon4sd2a).

So I made 2 better versions in this CodePen (npub1sf7…gl68) demo https://codepen.io/thebabydino/pen/PwYBNKx

Using a technique I first wrote about in 2015 https://css-tricks.com/the-backgound-clip-property-and-use-cases/

#cssGradient #code #coding #frontend #web #dev #webDev #webDevelopment

Author Public Key

npub1ahnq52t7xsmfypa3t8c4fpprz5m2e5sg4zfsf7lfc9n2n3j5qs6sskkqax

Seen on

wss://relay.momostr.pink

Show more details

Published at

2025-01-17 17:21:23 CET

Kind type

1 Short Text Note

Event JSON

{ "id": "0771ae0eff7650c34c5be9c8ce4d456a818584c704926c4cbac26f4664f0d40e", "pubkey": "ede60a297e34369207b159f15484231536acd208a89304fbe9c166a9c6540435", "created_at": 1737130883, "kind": 1, "tags": [ [ "t", "css" ], [ "t", "web" ], [ "p", "827dff3631108ba3a2eb2c455615166c4320e10ce086f31afa6aa657a94ca1db" ], [ "t", "dev" ], [ "imeta", "url https://files.mastodon.social/media_attachments/files/113/844/602/826/551/680/original/f5a5cba017c1cea1.png", "m image/png" ], [ "imeta", "url https://files.mastodon.social/media_attachments/files/113/844/603/839/101/688/original/d329b75908b0025e.png", "m image/png" ], [ "t", "code" ], [ "proxy", "https://mastodon.social/@anatudor/113844609553488544", "web" ], [ "t", "frontend" ], [ "t", "webdevelopment" ], [ "t", "cssgradient" ], [ "t", "coding" ], [ "t", "webdev" ], [ "proxy", "https://mastodon.social/users/anatudor/statuses/113844609553488544", "activitypub" ], [ "L", "pink.momostr" ], [ "l", "pink.momostr.activitypub:https://mastodon.social/users/anatudor/statuses/113844609553488544", "pink.momostr" ], [ "-" ] ], "content": "The Ko-fi promote your page is ugly and the #CSS for it is inefficient (radial gradient covers with jagged edges 😿 https://bsky.app/profile/anatudor.bsky.social/post/3ktzrzon4sd2a).\n\nSo I made 2 better versions in this nostr:npub1sf7l7d33zz968ght93z4v9gkd3pjpcgvuzr0xxh6d2n9022v58ds48gl68 demo https://codepen.io/thebabydino/pen/PwYBNKx\n\nUsing a technique I first wrote about in 2015 https://css-tricks.com/the-backgound-clip-property-and-use-cases/\n\n#cssGradient #code #coding #frontend #web #dev #webDev #webDevelopment\nhttps://files.mastodon.social/media_attachments/files/113/844/602/826/551/680/original/f5a5cba017c1cea1.png\nhttps://files.mastodon.social/media_attachments/files/113/844/603/839/101/688/original/d329b75908b0025e.png\n", "sig": "84d4645c76de6c603491f0212afb1d14b9fcb9113aa59a30154f660c5a45572d28597e62e5f3b95a2d0d59887a076bed71c13cb2ebb82912acf5335222f44e13" }

Ana Tudor 🐯 on Nostr: The Ko-fi promote your page is ugly and the #CSS for it is inefficient (radial ...