グラスモーフィズム生成
半透明white・backdrop blur・border・shadow・radiusを組合せglassmorphism CSSを生成します。
使い方
- previewしながら調整します。
主な機能と処理範囲
各opacity/blur controlとWebKit prefixを含みます。
処理の仕組み
rgba background+backdrop-filter等を出します。
例
例: white 18% surfaceと16px blurで半透明card風になります。
こんな場面で便利
- glass card草案に
利用前の確認
- browser support・performance・contrastは別確認です。
よくある質問
全browser同じ？
いいえ。