質問編集履歴
2
題名と試したことの補足
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
animationで、文字が入力された後キャレットのみ消えて文字は残したままにできない。
|
|
1
|
+
cssのanimationで、文字が入力された後キャレットのみ消えて文字は残したままにできない。
|
body
CHANGED
|
@@ -35,5 +35,6 @@
|
|
|
35
35
|
イメージとしては、×××と〇〇〇が続けて入力される感じにしたいので、.nameクラスのcaretはtypingのanimation終了後に消して、次の.namehクラスが始まるときに、キャレットが現れて文字入力が始まり、〇〇〇の入力が終わった時はキャレットは残っていて大丈夫です。
|
|
36
36
|
|
|
37
37
|
@keyframes caretに 0%{opacity:0;}などを入力しても解決できません。
|
|
38
|
+
animation-fill-modeはどの値にしても、typingの方まで影響していまいます。
|
|
38
39
|
|
|
39
40
|
ご教授、宜しくお願いします。
|
1
質問をあげたときに、途中で切れていた。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -32,4 +32,8 @@
|
|
|
32
32
|
```
|
|
33
33
|
上記のコードで、.namesクラスのanimationが終わったら、.namehクラスのanimaitonが動くようになっています。
|
|
34
34
|
ただ、.namesクラスのanimation が終わったら、×××の文字は残して、キャレットは消したいのですが、.namehクラスが始まっても、ずっと残っています。
|
|
35
|
-
イメージとしては、×××と〇〇〇が続けて入力される感じにしたいので、.nameクラスのcaretはtypingのanimation終了後に消して、次の
|
|
35
|
+
イメージとしては、×××と〇〇〇が続けて入力される感じにしたいので、.nameクラスのcaretはtypingのanimation終了後に消して、次の.namehクラスが始まるときに、キャレットが現れて文字入力が始まり、〇〇〇の入力が終わった時はキャレットは残っていて大丈夫です。
|
|
36
|
+
|
|
37
|
+
@keyframes caretに 0%{opacity:0;}などを入力しても解決できません。
|
|
38
|
+
|
|
39
|
+
ご教授、宜しくお願いします。
|