概要
マウスオーバーで小刻みに揺れるエフェクトをCSSのanimation・keyframesを使用して実装。用途
- マウスオンした要素が振動する。(PC時のみ)
- ホバーしている間は動作し続ける。
- ホバー要素は画像(img要素)、背景処理などコンテンツに依存しない。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
- IE11
実装方法
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)