CSS ガラスモーフィズム ジェネレーター

CSS GlassMorphism ジェネレーターは、フロスト ガラス UI スタイルのビジュアル エディターであり、半透明の表面がその背後にあるものをぼかすものです。 背景のぼかし、塗りつぶしの透明度、彩度、色合い、角の半径をスライダーで調整し、カラフルな背景のプレビュー更新を見て、それが生成する CSS をコピーします。

GlassMorphism は、要素自体ではなく、要素の背後にあるコンテンツにぼかしを適用する、背景フィルター プロパティに依存します。 半透明の背景、生え際の境界線、柔らかな影と組み合わせることで、現代のオペレーティング システムで人気のあるレイヤード ガラスの外観が生まれます。 バランスを正しく手に入れるのは面倒なので、このツールはすべての値を管理し、きれいでコピー可能なブロックを出力します。

すべてがブラウザで実行されます。 Frosted、Dark、または Vibrant のようなプリセットを選択してスライダを微調整し、-webkit- プレフィックスの背景フィルターを含む CSS をコピーして、より幅広いサポートを提供します。 アカウントもアップロードもありません。ページが読み込まれた後もオフラインで動作します。