Text mit keyframe ändern ?

[Ralph1]

Hallo,
ich habe folgenden code, eigentlich wollte ich das es sich abwechselt, aber es blinkt nur rot
kann mir einer helfen. warum es nicht schwarz auch blinkt abwechselnd

news3{
  font-size: 1.4em;
  animation: blink-black 4s alternate infinite, blink-red 4s alternate infinite;
}

@keyframes blink-black {
  0% { color: black; }
  50% { color: transparent; }
  100% { color: black; }
}

@keyframes blink-red {
  0% { color: red; }
  50% { color: transparent; }
  100% { color: red; }
}

 

[Oliver77]

Ich denke color ist schon belegt. Also in einer Keyframes-Abfolge, rot und schwarz angeben.

 

[Ralph1]

das verstehe ich nicht.
warum belegt.
danke
ralph

 

[Oliver77]

Color wird 2 mal angegeben, es wird einfach überschrieben.

daher musst du es in eine Keyframe-Abfolge packen:

@keyframes blink{
0% { color: transparent; }
25% { color: black; }
50% { color: transparent; }
75% { color: red; }
100% { color: transparent; }  
}

Musst mal schauen, ob es passt.

 

[Ralph1]

super danke
das funktioniert
Danke
Ralph

 

[Oliver77]

Geht sogar noch kürzer:

@keyframes blink{
0%,50%,100% { color: transparent; }
25% { color: black; }
75% { color: red; }
}

 

[Ralph1]

ah ok auch gut, aber anders ging es ja
Danke