Fogged car window
Swipe through the condensation to see the snowy forest outside, and watch the glass slowly fog up again.
Settings
Code
<div class="uvq11-fog"><div class="sc"><svg viewBox="0 0 200 140" preserveAspectRatio="xMidYMid slice"><path class="h1" d="M0 96Q50 78 100 92T200 86V140H0Z"/><path class="tr" d="M0 83L12 115H-12ZM59 72L72 105H46ZM47 83L57 110H37ZM135 74L149 112H121ZM31 86L39 108H23ZM130 79L140 105H120ZM183 80L193 105H173ZM87 74L102 113H72ZM46 78L58 110H34ZM54 91L62 111H46ZM110 72L124 108H96Z"/><path class="h2" d="M0 118Q60 104 120 116T200 112V140H0Z"/></svg></div><div class="fg" aria-hidden="true"><div class="sc"><svg viewBox="0 0 200 140" preserveAspectRatio="xMidYMid slice"><path class="h1" d="M0 96Q50 78 100 92T200 86V140H0Z"/><path class="tr" d="M0 83L12 115H-12ZM59 72L72 105H46ZM47 83L57 110H37ZM135 74L149 112H121ZM31 86L39 108H23ZM130 79L140 105H120ZM183 80L193 105H173ZM87 74L102 113H72ZM46 78L58 110H34ZM54 91L62 111H46ZM110 72L124 108H96Z"/><path class="h2" d="M0 118Q60 104 120 116T200 112V140H0Z"/></svg></div></div><div class="gl" role="img" aria-label="Fogged glass: swipe your finger to clear it" data-t="Hello"></div><button type="button" class="ch"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 18h16M4 6h16"/><path d="M8 15c-1.2-1.2 1.2-2.8 0-4s1.2-2.8 0-4M12 15c-1.2-1.2 1.2-2.8 0-4s1.2-2.8 0-4M16 15c-1.2-1.2 1.2-2.8 0-4s1.2-2.8 0-4"/></svg>Defog</button></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Liquid Glass
See all Liquid GlassWhere to use it
A winter car window full of condensation, made with two copies of the same scene: one sharp, one blurred behind a misty layer. A small canvas acts as the mask, so your finger clears the fog wherever it passes and a hidden greeting appears at the start. Use it for weather widgets, winter campaigns or playful empty states.
Write your own word in the text field and it is traced on the glass with a fingertip stroke. The defog button clears the window from the bottom up, and the colors repaint the sunrise and the pines.