css filter はぼかしや色変化など、要素に様々なフィルターを掛けるときに使います。 https://developer.mozilla.org/ja/docs/Web/CSS/filter しかし、これを使用していると、iOS Safariに限って以下のような表示崩れに遭遇しました。 以下は複数の要素にdrop-shadowを適用していた際の出来事です。 Webフロントエンドをやっていてこのような崩れ方(というよりは壊れ方)をしたのが初めてで何が起きているのかさっぱりわかりませんでした。 同じような現象に遭遇している方々 https://iwb.jp/safari-css-filter-images-apply-bug/ https://vanillaice000.blog.fc2.com/blog-entry-818.html 原因 要素にハードウェアアクセラレーションが効いてい