Background Image Refraction in CSS

· Frontendmasters · Aug. 28, 2026, 2:54 p.m.
CSS background-image blog-post Liquid Glass CSS Frontend Development Design techniques Web Design
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
BLOG POST FEATURED ON

Placeholder image
Hacker News

1 points

Add this plugin to your blog