2 0

流行りですねー。
ここ最近、よく見るかなーと思います。
私もよく使います(●´ω`●)

background-color: rgba(255, 255, 255, .5);
backdrop-filter: blur(10px);
border: 1px solid #fff;

とても簡単。
adobe XDにも「背景のぼかし」という項目がありますね。
これを実現するのが、backdrop-filter: blurになります。

スマホ版でメニューやモーダルを出す時にも
画面いっぱいにボカシを入れると良い感じになりますね。

Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %