常時発動します。ホバーで止まります。
cssアニメーションはblock要素(or inline-block)でないと効かない。
cssアニメーションでtraslateを変化させている。静(0)→動(50)→静(100)のようにアニメーションを書く。infiniteを指定することで延々と動く。
ホバーしたときanimation-play-state: paused;が効いて、止まる。
| - | Mac | Windows11 | SP | ||||||
|---|---|---|---|---|---|---|---|---|---|
| ブラウザ | Chrome | Firefox | Safari | Chrome | Firefox | Edge | IE | Safari on iOS | Chrome for Android |
| 対応 | ○ | ○ | ○ | ○ | ○ | ○ | |||
メッセージ
トレセン学園