回答編集履歴
1
前提条件が変わったため追記。
test
CHANGED
|
@@ -121,3 +121,45 @@
|
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
```**動くサンプル：**[https://jsfiddle.net/nxh6sr7g/](https://jsfiddle.net/nxh6sr7g/)
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
|
|
127
|
+
---
|
|
128
|
+
|
|
129
|
+
|
|
130
|
+
|
|
131
|
+
**追記：**
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
|
|
135
|
+
細かくアニメーションを制御するのであれば下記のようなライブラリを使うのも有効です。
|
|
136
|
+
|
|
137
|
+
|
|
138
|
+
|
|
139
|
+
【Googleも推奨！アニメーションライブラリTweenMaxの使い方 入門編 | un-Tech】
|
|
140
|
+
|
|
141
|
+
[http://un-tech.jp/tweenmax-started/](http://un-tech.jp/tweenmax-started/)
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
|
|
145
|
+
【velocity.jsの使い方 記述方法とオプション機能 | un-Tech】
|
|
146
|
+
|
|
147
|
+
[http://un-tech.jp/velocity-basic-option/](http://un-tech.jp/velocity-basic-option/)
|
|
148
|
+
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
【Javascriptのアニメーション処理を高速化するプラグインVelocity.jsの使い方 ｜ Tips Note by TAM】
|
|
152
|
+
|
|
153
|
+
[http://www.tam-tam.co.jp/tipsnote/javascript/post6746.html](http://www.tam-tam.co.jp/tipsnote/javascript/post6746.html)
|
|
154
|
+
|
|
155
|
+
|
|
156
|
+
|
|
157
|
+
【アニメーションライブラリ決定版か!?anime.jsで軽量・軽快に実装！ - Qiita】
|
|
158
|
+
|
|
159
|
+
[http://qiita.com/kyota/items/c46f44340a384e059a5e](http://qiita.com/kyota/items/c46f44340a384e059a5e)
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
|
|
163
|
+
【軽量・簡単なのにいきいきしたアニメーションが付けられる！anime.jsを触ってみた | それいけ！フロントエンド】
|
|
164
|
+
|
|
165
|
+
[https://liginc.co.jp/302886](https://liginc.co.jp/302886)
|