css アニメーションのための情報
ざっと簡単に
animate のサンプル
css をダウンロードして使うこともできる
http://daneden.github.io/animate.css/
どんなことができるか
- 要素がふわっと浮き出る
- 要素の移動
- カラーの動的な変化
- 等など
css アニメーションの種類
プロパティが3種類ある
- transition
- :hoverなどと同じように、特定のアクションに対して要素を単純に状態変化させ、終了後に自動で逆のアニメーションで元に戻る
- ループしない
- 動作が終わると最初の状態に戻る
- ie10 以上 スマホもほぼ大丈夫
- animate
- 細かい設定が可能
- ループする
- 動作が終わると最初の状態に戻る
- ie10以上 ios,andorido はは
- transition
- 要素を変形させる