animate.cssとwowが効かなくて困っています、記述は恐らく正しいのですが動かなくてどうしようもない状態です。
コードをどう変えればいいでしょうか?
<html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>アニメートCSSの練習</title> <link rel="stylesheet" href="./css/reset.css"> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Roboto:wght@400;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="./css/style.css"> <link rel="stylesheet" href="./css/animate.css"> </head> <body> スクロールしてください。 <br> ↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br><br> ↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br> <div class="box1 animate__animated animate__bounce">FadeInDown</div> <div class="box2 animated animate__animated animate__bounce">bounceIn</div> <div class="box3 animated animate__animated animate__bounce">lightSpeedIn</div> <div class="animate__animated animate__fadeIn">An animated element</div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="js/wow.min.js"></script> <script>new WOW().init();</script> </body> </html> コード
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。