こんにちは、井畑です。 前々から好きでよく見ているデザインギャラリーサイトMUUUUU.ORGでサイドメニューがぬっと出てきてメイン部分の背景がぼやけるのかっこいいなーと思ったので、実装できるか挑戦してみました。 調べたところ、CSSのfilterを使うのがお手軽な感じだったので、それを採用しています。それではどうぞー!! サイドメニューがぬっと出て来てぼやけるサイドメニューの作り方 順を追って説明します。まずは基本的なサイドメニューの作り方です。 まずは、サイドメニューを作る 今回はぼやけるのを確認しやすくするために、背景を写真にして作成しました。ねこねこ。右上の「menu」を押すとサイドメニューが現れます。 See the Pen 普通のメニュー by Tetsuya Ihata (@tihata) on CodePen. サイドメニュー作成時のポイント ポイントはメニューとメインの部
![CSSのfilterプロパティを使ったメイン部分がぼけるサイドメニューの作り方](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f0d180d80f6d9fa237841bd9994b6157c718867/height=288;version=1;width=512/https%3A%2F%2Fcreativememomemo.com%2Fwp00%2Fwp-content%2Fuploads%2F2015%2F05%2Fsidemenu_filter_blur.png)