Better Stack
bernardpolidario's profile
Bernard Polidario@bernardpolidario•Jun 27, 2025
100

I Built Apple’s Liquid Glass but ONLY with CSS...

From youtu.be•Jun 27, 2025•3m watch time

A tutorial demonstrating how to create Apple's liquid glass visual effect using only CSS and SVG displacement maps. The technique involves creating a custom SVG filter with displacement mapping to bend backdrop shapes dynamically, differentiating it from standard glassmorphism. The implementation uses CSS filter properties including brightness, blur, and a custom displacement filter that references an SVG with red and green gradient channels to achieve the liquid glass distortion effect.

Sort:

bernardpolidario's user avatar
Bernard Polidario
@bernardpolidario
Joined Jun 11. 2025
100

Would you recommend this post?

Copy link
WhatsApp
Facebook
X
New Squad
  • © 2026 Daily Dev Ltd.
  • Guidelines
  • Explore
  • Tags
  • Sources
  • Squads
  • Leaderboard