フルスクリーンでsvgマスクアニメーションをしたい - Qiita

マスクアニメーションとは <svg>などのpathを利用して画像にマスクをかけるアニメーションです。 今回参考に使用するのはこちらのサイトのアニメーションです。 ↑のマスクアニメーションをフルスクリーンにして使いたい サイトの実装では画像の比率を保つように実装されているので、 これを改良してなんとか画面全体に広がるようにします。 See the Pen Untitled by kiikikikkkiikikkiikikiki (@kiikikikkkiikikkiikikiki) on CodePen. cssのobject-fitでフルスクリーンにできるか 画像を全体に広げるにはobject-fit: cover;を使用すると簡単に実現できますが、 このアニメーションの実装の場合、 <svg>の<image>と<mask>を使用してマスクアニメーションを実現されているので、残念ながらob