常時発動します。ホバーで止まります。
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 |
対応 | ○ | ○ | ○ | ○ | ○ | ○ |
メッセージ
トレセン学園