【css:blur】背景をぼかす（すりガラス）
流行りですねー。
ここ最近、よく見るかなーと思います。
私もよく使います(●´ω｀●)
background-color: rgba(255, 255, 255, .5); backdrop-filter: blur(10px); border: 1px solid #fff;
とても簡単。
adobe XDにも「背景のぼかし」という項目がありますね。
これを実現するのが、backdrop-filter: blurになります。
スマホ版でメニューやモーダルを出す時にも
画面いっぱいにボカシを入れると良い感じになりますね。