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": "6764fb011bfe0c7cbae1da1b5ed3685daf770cb591e8914995398f5ee3463afb",
"pubkey": "8e10c71d95b93c41fb37c3ef057b75c43bf22965355da78642065f84df3065d2",
"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"
],
[
"proxy",
"https://bne.social/@james/117461331869316085",
"web"
],
[
"proxy",
"https://bne.social/users/james/statuses/117461331869316085",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://bne.social/users/james/statuses/117461331869316085",
"pink.momostr"
],
[
"-"
]
],
"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.\nhttps://assets.bne.social/media_attachments/files/117/461/331/757/924/587/original/b86e2a7f5e16c9f1.png\n",
"sig": "9c1f10c6c846dd7c1c985792ab4025d37e718b8979944fb167d3cd539a2028e75b52628f188b3eec48967109896dc33d5cc5357d458789d5bdcf14c99a3d6ad4"
}
