グラスモーフィズムは、すりガラスを通して覗いたような背景のぼかしが特長のデザイン | ウェブマーケテイングの ちから。 ウェブライティングの ちから。

グラスモーフィズムは、すりガラスを通して覗いたような背景のぼかしが特長のデザイン

背景を「虹色グラデーション」にしてみました。
※.デザインの違いは、グラデーションだけではありません。
すりガラスの透過度も、それぞれ0.3,0.43,0.55などを設定しています。
 ローカルPC環境でデザインして、実際のサイトにアップすると微妙に異なってくるため、最初のデザインと異なってしまいました

 

記述の実際

👆上は画像です。
👇下が、実際の記述で作ったものです。

 印の部分はクリックでLinkへジャンプします。

 

グラスモーフィズム






Glassmorphism

デザイン.bizクリック


Glassmorphism:  
グラスモーフィズムは、すりガラスを通して覗いたような背景のぼかしが特長のデザイン   alpha・ITC

 実験Win11

 印の部分はクリックでLinkへジャンプします。

 

 

 

デザイン グラスモーフィズム・スタイル

  • 背景のぼかしを使用したガラスのようなエフェクト
  • 空間に浮遊するオブジェクトを用いた、複数の階層、レイヤー
  • ぼやけた透明感を際立たせるための鮮やかな配色
  • 半透明のオブジェクトの上にわずかな境界線ボーダー