###前提・実現したいこと
anime-jsというライブラリを使って四角を拡大させるアニメーションを実装したいです。
http://anime-js.com/documentation/#specificPropertyParameters
これの拡大のアニメーションだけを実装したいと思い、コードを抜粋して書き足したのですが、全くアニメーションが始まりません。
何とかしてこのライブラリを使って「ページを表示した後に拡大していく四角の処理」を実装したいです。
アドバイスお願いします。
###該当のソースコード
index.html
<!DOCTYPE html> <head> <script type = "text/javascript" src = "anime.min.js"></script> <script type = "text/javascript" src = "expandElements.js"></script> <link rel = "stylesheet" href = "elements.css"> </head> <body> <div class="square"></div> </body>
expandElements.js
var expandElements = anime({ targets: '.square', scale: { value: 2, duration: 1600, delay: 800, easing: 'easeInOutQuart' }, autoplay: true });
elements.css
.square { width: 100px; height: 100px; background: red; }
###試したこと
JavaScriptの関数にautoplayパラメータを付けたり、ファンクション化したりした
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。