James Cridland on Nostr: I've always wondered how difficult it might be to replicate a liquid-glass-esque ...
I've always wondered how difficult it might be to replicate a liquid-glass-esque blur-in-the-background experience on a website. Turns out it's really easy - set a background colour with opacity of 0.75; then backdrop-filter:blur(2px) which blurs the backdrop a little. Sure, it's not got the specific effects of the curved side of the glass, but it does the job.
Published at
2026-10-18 10:01:25 UTCEvent JSON
{
"id": "bf69ed36217dc48d885fbb4b1dd8a453f20dfe77ab6671e6086a52f94a115c8f",
"pubkey": "452fa1bb618154a61b5b88d325446577ed6095a21bb29e1049b4acb04d2e61bb",
"created_at": 1792317685,
"kind": 1,
"tags": [
[
"imeta",
"url https://assets.bne.social/media_attachments/files/117/461/331/757/924/587/original/b86e2a7f5e16c9f1.png",
"m image/png",
"dim 1868x1488",
"blurhash UdOWvpWB9Fxt%Mj?WBa#00ayt7fP-;ayRjj["
],
[
"proxy",
"https://bne.social/users/james/statuses/117461331869316085",
"activitypub"
],
[
"client",
"Mostr",
"31990:6be38f8c63df7dbf84db7ec4a6e6fbbd8d19dca3b980efad18585c46f04b26f9:mostr",
"wss://relay.ditto.pub"
]
],
"content": "I've always wondered how difficult it might be to replicate a liquid-glass-esque blur-in-the-background experience on a website. Turns out it's really easy - set a background colour with opacity of 0.75; then backdrop-filter:blur(2px) which blurs the backdrop a little. Sure, it's not got the specific effects of the curved side of the glass, but it does the job.\n\nhttps://assets.bne.social/media_attachments/files/117/461/331/757/924/587/original/b86e2a7f5e16c9f1.png",
"sig": "e549dda6c3b99cf3410c5322169ad533a9df9511b935fa754bdf2c19cd95756b8f33b866e05ad0669f16ea0d725dd40d38ffb81962a916f1abfe85aec1c3dfc7"
}
