Background Image Refraction in CSS

· Frontendmasters · Aug. 28, 2026, 2:54 p.m.
blog-post background-image CSS Liquid Glass CSS Web Design Frontend Development Design techniques
Summary
This blog post discusses the technique of achieving a 'liquid glass' design in CSS by manipulating background images through offsetting and scaling, which simulates the visual effect of looking through glass. It highlights the complexities involved in background positioning with CSS.
Read full post on blog.master.dev →
AUTHOR
Advertise
Sponsor diff.blog
Put your product in front of developers who read and write about their craft. One exclusive sponsor at a time.
Become a sponsor →
BLOG POST FEATURED ON

Placeholder image
Hacker News

1 points

Add this plugin to your blog