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

GlassmorphismTest
グラスモーフィズム

Glassmorphism

Glassmorphism
グラスモーフィズム

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

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

記述の実際

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

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


グラデーション

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

グラスモーフィズム




Glassmorphism

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

 実験Win11

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


実際のデザイン画面

コメント

タイトルとURLをコピーしました