前提・実現したいこと
anime.jsを使ってアニメーションをしたいのですが、サンプルなどをまねてみてもうまく動作しません。
発生している問題・エラーメッセージ
開発者ツールを使ってみてもエラーメッセージはなし
該当のソースコード
HTML
1<!DOCTYPE html> 2<html lang="en" dir="ltr"> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> 7 <script src="js/anime.min.js"></script> 8 <script type="text/javascript" src="js/myanimation.js"></script> 9 <link rel="stylesheet" href="style.css"> 10 </head> 11 <body> 12 <div id="cssSelector"> 13 <div class="line"> 14 <div class="square el"></div> 15 </div> 16 </div> 17 </body> 18</html> 19
css
1.square { 2 height:50px; 3 width:50px; 4 background-color:red; 5}
js
1var cssSelector = anime({ 2 targets: '#cssSelector .el', 3 translateX: 250 4});
試したこと
anime.min.jsの保存位置の変更やChromeとEdge両ブラウザを用いての動作確認。
また、anime.min.js読み込みの「type="text/javascript"」の文言はあってもなくても動作しませんでした。
回答1件
あなたの回答
tips
プレビュー