Element: #075 Refraction layer (surfaces/liquid-glass)
What it shows: A LiquidGlass refraction layer using the regular optics preset behind a line of text in a padded frame.
When to use: Adding a real refraction effect to a hero or overlay frame, using a preset from GLASS_OPTICS.
Spec:
- ``
- Imports `LiquidGlass` and `GLASS_OPTICS` from `@codeatlasdev/ui`
- Sits in `
` with `position: relative` and `overflow: hidden`
- Foreground text: Refraction layer behind this text.
Tags: liquid-glass, glass-optics, refraction, glass, material, preset
Needs: @codeatlasdev/ui@4.6.0
Components: LiquidGlass
Live demo: https://ui.codeatlas.com.br/docs/surfaces/liquid-glass#refraction-layer
Refraction layer behind this text.