動画からマスクアニメーションを作成

①添付のようなグレースケールの動画を用意（添付の動画の場合逆再生がいいので画像にした後反転してます）
②動画をgifに変換（https://www.adobe.com/jp/express/feature/video/convert/video-to-gif）
③gifを複数の画像に変換（https://extractgif.imageonline.co/index-jp.php）
④画像を全部横並びに配置（https://photocombine.net/cb/）
⑤photoshopで透過したい部分が白になるように必要があれな色調反転
⑥photoshopのレイヤーをダブルクリックすると出るレイヤースタイルで、ブレンド条件の白い方のバーをOptionを押したまま黒までスライド。こうすると白が透明グレーが濃度に応じて半透明、黒が不透明に変換される
⑦pngで書き出して完成！
あとはCSSでmaskかけて、mask-positionをアニメーションしてあげればOK