」というセッションがあり、それを(ときどき)追いかけています。:is()」という記事を書きました。本記事はその続きで、今回はCSSプロパティ「backdrop-filter」について記載します。ついて振り返っていきます。プロパティは、ぼかしや色変化などのグラフィック効果を要素に適用します。フィルターは画像、背景、境界の描画を調整するためによく使われます。グラフィック効果を適用してみました。背景にもグラフィック効果を適用することができるようなので試してみました。ぼかし効果を適用しています。<figcaption>これはキャプションです。</figcaption></figure>意図した通りにはなりませんでした。「背景含めて要素全体にグラフィック効果を適用する」ことはできても、「要素の背後のみにグラフィック効果を適用する」ということはできないようです。グラフィック効果を要素の背後のみに適用することができます。<figcaption>これはキャプションです。</figcaption></figure>キャプション要素の背後のみにグラフィック効果が適用されており、意図した通りになりました。今回はblurでしたが、filterと同じく多くのグラフィック効果があるので興味がある方は試してみてください。こちらに上記サンプルを置いておきます。CSS-Tricksおわりまた何かできたら紹介していきたいと思います。