← すべてのテキストツール

グラスモーフィズム生成

ライブプレビューを見ながらすりガラス風のカードを作り、CSSをコピーできます。

  • 無料
  • 登録不要
  • どの端末でも使える

約グラスモーフィズム生成

最近のインターフェースで人気の、すりガラスのような見た目を作ります。ライブプレビューで、背景のぼかし、透明度、枠線、影をスライダーで調整し、backdrop-filterを使ったCSSを出力します。この効果は、カードの後ろにカラフルなものがあるときだけ見えるため、グラデーションや写真の上で試してください。

グラスモーフィズム生成の使い方

  1. 上でオプションを設定します。結果はリアルタイムで更新されます。
  2. 納得がいくまで自由に調整します。
  3. 結果をコピーするか、ダウンロードします。

このツールを使う理由

別名

よくある質問

backdrop-filterのぼかしが表示されないのはなぜですか?

要素には半透明の背景が必要で、その背後にぼかすものがなければなりません。古いブラウザーでは-webkit-backdrop-filterのプレフィックスが必要なものもあり、このジェネレーターのCSSにはそれが含まれています。

グラスモーフィズム生成は無料ですか?

はい。Toolipediaのグラスモーフィズム生成は無料で、登録不要、透かしもありません。

安全に使えますか?

はい。すべての計算はブラウザ内で行われ、入力した内容が当社サーバーに送信されることはありません。

スマートフォンでも使えますか?

はい。AndroidやiPhoneの最新ブラウザのほか、タブレットやパソコンでも使えます。インストールは不要です。

アカウントは必要ですか?

いいえ。ページを開いてツールを使うだけです。登録もメールアドレスも不要です。

関連ツール