10
Ich versuche, Farbanimationen auf Links zu setzen. Sobald ein Link in Chrome aufgerufen wurde, wird die Farbanimation nicht mehr angewendet. Dies gilt nicht für andere animierte Stile (ich habe Hintergrundfarbe, Schriftgröße und Schriftgröße getestet) oder in anderen Browsern (Firefox, Safari, IE11).Besuchte Links verlieren CSS-Farbanimation in Chrome
Hier ist eine Demo:
http://codepen.io/benjarwar/pen/rVJbeR
http://s.codepen.io/benjarwar/debug/rVJbeR
HTML:
<a href='#' target='_blank' class='color'>Color Animation</a>
CSS:
a.color,
a.color:visited {
-moz-animation: color-animation 1s ease-in-out infinite;
-webkit-animation: color-animation 1s ease-in-out infinite;
animation: color-animation 1s ease-in-out infinite;
}
@-moz-keyframes color-animation {
0% { color: #f00; }
50% { color: #fc0; }
100% { color: #f00; }
}
@-webkit-keyframes color-animation {
0% { color: #f00; }
50% { color: #fc0; }
100% { color: #f00; }
}
@keyframes color-animation {
0% { color: #f00; }
50% { color: #fc0; }
100% { color: #f00; }
}
Schritte zum Reproduzieren:
- Besuchen Sie den Link oben
- Hinweis haben die Verbindungen verschiedene Animationen
- Klicken Sie auf einen der Links (alle Punkt = „#“ href)
- Beachten Sie, dass die Farbanimation Link mehr Animieren ist kein
- den Link von Ihrem Browserverlauf entfernen und
- Hinweis aktualisieren, dass die Animation kehrt, sobald die Verbindung aus der Geschichte entfernt
Mit Chrome Version 43.0.2357.130 auf Mac OS 10.9.5
Ich habe ein Problem auf Chromium, würde aber eine Arbeit um in der Zwischenzeit lieben. https://code.google.com/p/chromium/issues/detail?id=506898 – benjarwar
Ich habe dieses Problem auch, und ich vermute, dass es mit dem CSS-Exploit zu tun hat, die die Möglichkeit beschränkt, besuchte Links zu ändern außer für sehr grundlegende Eigenschaften (wie Farbe, etc.). Ich bin mir nicht sicher, aber nachdem ich hier andere Fragen gelesen habe, scheint es die einzige Erklärung zu sein, die einen Sinn ergibt. Wenn nicht, kann jemand bitte klären? – Max
Verwenden Sie irgendwelche CSS-Resets wie normalize.css? –