演出・リッチ
フロストガラスカード
背景をぼかして透ける、ノイズ入りの曇りガラスカード。半透明+微粒子+やわらかい縁取りで、進化したグラスモーフィズム。
プレビュー
静的
操作動きのない質感・レイアウトの見本です。
実装メモ
ガラス感は backdrop-filter: blur。粒子ノイズは SVG feTurbulence を data URI で重ねています。背後にカラフルな要素があるほど“透けてる感”が出ます(白背景だと効果が薄れます)。
コード(コピーして使えます)
<div class="glass-stage">
<div class="glass-card">
<p class="glass-title">Frosted</p>
<p class="glass-text">背景がぼやけて透ける曇りガラス</p>
</div>
</div>