Free Tools
【ご利用前に必ず免責事項をご確認ください】
CSS Glassmorphism
CSS Glassmorphism ジェネレーター
※背景ぼかしを利用した、今風の「すりガラス」エフェクトを生成します。
実装のヒント
- backdrop-filter: このプロパティが肝です。背後にある要素をぼかします。
- 背景の選び方: ガラスエフェクトは、背後にカラフルな画像やグラデーションがある場合に最も美しく見えます。
- ブラウザ対応: Safariでは
-webkit-backdrop-filterというベンダープレフィックスが必要ですが、このツールでは自動で付与しています。
技術仕様
- backdrop-filter背景をぼかすCSSプロパティ。Safari向けに
-webkit-backdrop-filterを併記することで互換性を確保しています。 - rgba color model背景色と境界線に
rgbaを使用し、アルファチャンネル（透明度）を個別に制御することで、リアルな重なりを表現しています。
免責事項
- ・本ツールの利用によって生じた損害やトラブルについて、弊社は一切の責任を負いかねますので、あらかじめご了承ください。
- ・本ツールは、Web制作やシステム管理の効率化を目的として提供しております。
- ・入力されたデータはブラウザ内で処理され、弊社サーバーへ送信・保存されることはありません。
- ・予告なくツールの仕様変更や提供の中止を行う場合があります。
このようなツール開発・業務効率化をご検討の方へ
ご相談はこちら無償ソフト公開活動へのご支援
NetEnumをはじめ、NetEnumMobile、オンラインソフト、FreeTools など、
弊社では20年以上にわたり各種ソフトを無償で公開してまいりました。
これまでのご利用へのお気持ちや、公開継続へのご支援をいただけますと大変励みになります。
業務利用されている方からのご支援も歓迎しております。
※ ご支援は特定ソフトの更新や機能追加をお約束するものではなく、
無償ソフト公開活動全体の維持・運営に活用させていただきます。
※ Stripeの安全な決済ページへ移動します（決済画面の表示名は仕様上「ECサイト」となりますが、当社のStripeアカウントによる決済です）