概要
mask-imageとCSSアニメーションを使用しキラッと光る画像を実装する方法を紹介用途・要件
- CSSアニメーションで画像をキラッと光らせる方法を紹介
- mask-imageを使用し同じ画像でマスクすることで、画像の上のみを光らせる
検証ブラウザ
- Google Chrome(最新)
- Microsoft Edge(最新)
- Firefox(最新)
- Safari(最新)
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)