WebsiteHunt is broughtBrought to you by Redact Everything
Liquid Glass Effect
Recreate Apple's Liquid Glass effect with CSS and SVG
Explore how to recreate Apple's stunning Liquid Glass effect using CSS, SVG displacement maps, and refraction calculations. This article provides a hands-on approach for web developers looking to implement a similar UI effect, focusing on the physics of light and refraction. The interactive demo is currently optimized for Chrome, allowing users to visualize the effect in action.
Comments
Loading comments...
You might also like
HiAPI
One API for leading AI image, video, and text generation models. ✨ Premium
Stable Audio
Create music & sound effects with AI
Windows 11 in Svelte
Recreating Windows 11 with Svelte
FG
Fluid Glass
Fluid (Liquid) Glass WebGL Demo
GitHub Spark AI
Create and manage full-stack micro-apps with AI prompts
Landscape Designs AI
Create the perfect landscape design with our AI
Quizify
Create, Customize, and Analyze Your Quizzes with Ease
LearnHouse (Alpha)
Build world-class courses with ease and style
Human Generator
Turn god mode on, create people with AI in real-time
SVG Mesh Gradient Generator
Create unique customizable SVG gradients with MagicPattern
QU
QuotesMaker
Create Quotes with AI
Modern Fluid Typography Editor
Create, fine-tune and generate CSS fluid typography code
Omnivore
Read it later app with an outstanding reading experience
Notion Avatar maker
Generate and customize notion avatar online with svg and png
XHSPlus
Efficiently create and optimize Xiaohongshu notes with AI tools.
WhoBrings
Create group pack lists without registration
AI Website Builder
Create a website with AI! It's free, easy & no-code
montaigne
Create and publish a website using nothing but Apple Notes.
Life in Weeks
Create a map of your life with each week as a little box.
ChatBCG Generative AI for Slides
Create slides instantly with AI