{"slug":"texture-transparency-backdrop-blur","title":{"ja":"背景ぼかし","en":"Backdrop blur"},"summary":{"ja":"UIのカードの後ろを強くぼかし、細い縁で区切る。","en":"A UI card strongly blurs what is behind it, edged by a thin border."},"categories":["design","uiux"],"subAspects":["texture.transparency"],"aspects":["texture"],"tags":["backdrop-blur"],"keywords":["backdrop blur","glassmorphism","frosted UI card","blurred background"],"traits":{"en":["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"],"ja":["カードの後ろの背景が、画面幅の約2.7%ほどぼける","1pxの明るい縁が、カードの端を示す","カードの中身は、ぼかしの上でくっきりしたまま"]},"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.","negativePrompt":"opaque card, no blur, heavy shadow","controls":[{"param":"frost","default":8,"min":6,"max":20,"step":1}],"contrasts":[],"images":[],"references":[],"links":{"page":{"ja":"https://visual-gallery.asami.tokyo/ja/styles/texture-transparency-backdrop-blur","en":"https://visual-gallery.asami.tokyo/en/styles/texture-transparency-backdrop-blur"},"json":"https://visual-gallery.asami.tokyo/api/v1/styles/texture-transparency-backdrop-blur","markdown":"https://visual-gallery.asami.tokyo/api/v1/styles/texture-transparency-backdrop-blur/md"}}