以下のように非表示にしておいた要素を出現させるときにアニメーションを入れようと思ったのですがうまく動きません
display: none;
を消すとアニメーションします
display: none のものを出現させるときCSSアニメーションを入れる方法はないでしょうか
<head> <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script> <meta charset="UTF-8"> <title>Document</title> <style> div { display: none; opacity: 0; transition: all 3s; } div.active { display: inline-block; opacity: 1; } </style> </head> <body> <div>test</div> <script> $(() => { $('div').addClass('active'); }) </script> </body>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2019/02/21 13:12
2019/02/21 13:38