グラスモーフィズムCSS
すりガラス風デザインのCSSを生成。透明度・ぼかし・色を調整。
Glass Effect
.glass {
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.2);
}使い方
透明度やぼかしのスライダーでグラスエフェクトを調整します。
プレビューで確認後、CSSコードをコピーしてお使いください。
おすすめサービス
Canva Pro - デザインツール
デザインプロ品質のデザインを簡単作成。テンプレート豊富で初心者にもおすすめ。
Adobe Creative Cloud
デザインPhotoshop・Illustrator等のプロ向けデザインツール。学割あり。
※ PR・広告を含みます