くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

CSSですりガラスみたいなぼかしを入れる

積読ハウマッチの新機能でネタバレありの読書メモに対応したときの備忘録。
すりガラスみたいなぼかしをいれて、ボタンを押さないと読めないようにしたかった。

f:id:wannabe-jellyfish:20200316093414p:plain

ぼかしをいれるCSS

ぼかし(ブラー)は以下のような感じで設定できる。
3pxより大きくすると、ボカシが強くなる感じ。

filter: blur(3px);

以上!!

参考にしたサイト様