1. CSSグラデーションとmask-imageの組み合わせ

GRADATION SAMPLE

HOVER
マスク用サンプル画像白黒 マスク用サンプル画像
マスク用サンプル画像白黒 マスク用サンプル画像

2. スプライトアニメーションとマスクの組み合わせ

スプライトアニメーションサンプル画像

3. 背景に依存しない切り抜き

切り抜き用サンプル画像