Blobデザインな背景をCSSで作成できる
Web「Gradient Blob」
グラデーションなBlobデザインで
背景にオシャレな演出をCSSで実現できます。
上記リンク先を開くと左側に設定パネル、
画面右側がプレビューになっています。
プリセットされた配色を選択
Random blendボタンで様々なパターンを
作ってくれます。
その下はダークモードへの切替、
テキストプレビューの表示の有無が選択できます。
blurは背景のぼかし具合を調整、
Radiusは背景のボックスの丸み度が調整できます。
Blurを弱めるとかなりくっきりします。
これはこれでイイ感じです。
出来上がったらCSSコードをコピーして
要素に適用するだけで使えます。
すでに用意された要素に適用する場合には
CSSコードの最後のチェック
Include box size & Border-radiusを
外しておく方がいいと思います。
手軽にBlobデザインなオシャレな背景を
作る事ができるWebサービスです。
コメント