# Backdrop blur

Visual element sample: Texture › Transparency
Source: https://visual-gallery.asami.tokyo/en/styles/texture-transparency-backdrop-blur

A UI card strongly blurs what is behind it, edged by a thin border.

## Visual traits
- The background behind the card is blurred by about 2.7% of the frame width
- A 1px light border defines the card edge
- The card content stays crisp on top of the blur

## Prompt
Backdrop blur: a UI card that blurs the background behind it by about 2.7% of the frame width, edged by a 1px light border, with crisp content on top.

## Avoid
opaque card, no blur, heavy shadow