このツールについて
blur、透明度、彩度、ティントを調整してすりガラス風のカードをデザインし、その CSS をコピーできます。すべてブラウザ内で完結します。
よくある質問
なぜプレビューはグラデーションの上にあるのですか？
グラスモーフィズムはカラフルな背景に依存しており、それによってカードの背後の blur と透明度が見えるようになります。
backdrop-filter は何をしますか？
要素の背後にあるものをぼかして彩度を上げ、すりガラスのような効果を生み出します。
100% ブラウザ内で完結
▢
グラスモーフィズムジェネレーター
blur、透明度、彩度、ティントカラーを使ってすりガラス風のカード CSS を作成します。