なぜこのツールが役立つのか
明示的なフォールバックを保持しつつ、効果が本番のデザインシステムに入る前に確認しながら、すりガラス調のナビゲーションパネルやオーバーレイを調整します。
デザイン & CSS · ローカルで実行
アクセシブルCSSグラスモーフィズムジェネレーター
フォールバック色、背景のぼかし、境界線、角丸、影の値を持つ半透明パネルを作成し、制御されたローカル背景上でコントラストをプレビューします。
準備完了。作業データはこのブラウザに保存されます。
どのように働くか
ブラウザは検証済みの16進カラーを境界付きのアルファチャンネルに変換し、接頭辞付きおよび標準のぼかし宣言を生成し、パレットの選択を外部に送信することはありません。
実用例
24%の不透明度、18ピクセルのぼかし、微妙な白い境界線を備えた濃紺のパネルをプレビューし、読みやすいフローティングツールバーにします。
検証
計算は決定的であり、無効な入力を静かに変更するのではなく、検証エラーを説明します。
プライバシー境界
入力と出力はこのタブ内にとどまります。コピーとダウンロードはサーバーアップロードなしでブラウザAPIを通じて行われます。
結果パスポート
各実行はツールモード、タイムスタンプ、入出力サイズを報告するため、変換されたデータの監査が可能です。