.circle { animation: ptn1 1s both; } @keyframes ptn1 { 0% { opacity: 0; width: 193px; height: 193px; } 100% { opacity: 1; width: 23px; height: 23px; } }
簡単なモーションを行っているのですが、
ブラウザが表示された際に一度だけ実行されてほしいのですが、
ブラウザをリサイズするたび、スマホだと上下にスクロールするたび(発動条件も不安定??)
になんどもモーションが実行されてしまいます。
一度だけ実行され以降、リロードしない限りは動かないでほしいのですが、
どうしたらよいでしょうか?
あなたの回答
tips
プレビュー