Someone asked how to get such a card with text content, transparent background, ...

2024-11-13 06:57:34 UTC

Someone asked how to get such a card with text content, transparent background, rounded corners and a rotating inner edge rainbow gradient glow, so here's my take on it https://www.reddit.com/r/css/comments/1gpzzgu/comment/lwvj967/

Live demo on CodePen (npub1sf7…gl68)
https://codepen.io/thebabydino/pen/WNVPdJg (single div, heavily commented)

#CSS #gradient #gradients #cssGradient #glow #gradientGlow #code #coding #web #dev #webDev #webDevelopment #frontend

Author Public Key

npub1ahnq52t7xsmfypa3t8c4fpprz5m2e5sg4zfsf7lfc9n2n3j5qs6sskkqax

Seen on

wss://relay.momostr.pink

Show more details

Published at

2024-11-13 06:57:34 UTC

Kind type

1 Short Text Note

Event JSON

{ "id": "ecf219f25b78851c78a38aab64fae334f510966e1bb54d416bf61b286a5bb653", "pubkey": "ede60a297e34369207b159f15484231536acd208a89304fbe9c166a9c6540435", "created_at": 1731481054, "kind": 1, "tags": [ [ "t", "css" ], [ "t", "web" ], [ "p", "827dff3631108ba3a2eb2c455615166c4320e10ce086f31afa6aa657a94ca1db" ], [ "t", "gradientglow" ], [ "t", "code" ], [ "t", "webdevelopment" ], [ "t", "gradient" ], [ "t", "webdev" ], [ "t", "glow" ], [ "t", "dev" ], [ "t", "gradients" ], [ "imeta", "url https://files.mastodon.social/media_attachments/files/113/474/303/493/986/988/original/0bf28b563082ce4a.mp4", "m video/mp4" ], [ "proxy", "https://mastodon.social/@anatudor/113474342362633339", "web" ], [ "t", "frontend" ], [ "t", "cssgradient" ], [ "t", "coding" ], [ "proxy", "https://mastodon.social/users/anatudor/statuses/113474342362633339", "activitypub" ], [ "L", "pink.momostr" ], [ "l", "pink.momostr.activitypub:https://mastodon.social/users/anatudor/statuses/113474342362633339", "pink.momostr" ], [ "-" ] ], "content": "Someone asked how to get such a card with text content, transparent background, rounded corners and a rotating inner edge rainbow gradient glow, so here's my take on it https://www.reddit.com/r/css/comments/1gpzzgu/comment/lwvj967/\n\nLive demo on nostr:npub1sf7l7d33zz968ght93z4v9gkd3pjpcgvuzr0xxh6d2n9022v58ds48gl68 \nhttps://codepen.io/thebabydino/pen/WNVPdJg (single div, heavily commented)\n\n#CSS #gradient #gradients #cssGradient #glow #gradientGlow #code #coding #web #dev #webDev #webDevelopment #frontend\nhttps://files.mastodon.social/media_attachments/files/113/474/303/493/986/988/original/0bf28b563082ce4a.mp4\n", "sig": "74b856d65c0df2629511bce9e68f71d5c4218ebf6d09b0066b9a76aa58e66f34e05a7d24a46bd4ad8887e51331861a2ff0d256cc44e8493957ee91afede4fd51" }

Ana Tudor 🐯 on Nostr: Someone asked how to get such a card with text content, transparent background, ...