Index: LayoutTests/animations/visited-link-color-animation.html |
diff --git a/LayoutTests/animations/visited-link-color-animation.html b/LayoutTests/animations/visited-link-color-animation.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..41cd050050247c4af036e540f5d0b48526a7d56b |
--- /dev/null |
+++ b/LayoutTests/animations/visited-link-color-animation.html |
@@ -0,0 +1,45 @@ |
+<!DOCTYPE html> |
+<style> |
+@keyframes test { |
+ from { |
+ background-color: rgba(0, 128, 0, 0.5); |
+ border-color: green; |
+ color: green; |
+ fill: rgba(0, 128, 0, 0.5); |
+ outline-color: green; |
+ stroke: green; |
+ text-decoration-color: green; |
+ } |
+} |
+a { |
+ animation-name: test; |
+ animation-delay: 1e10s; |
+ animation-duration: 1s; |
+ animation-fill-mode: both; |
+ border: solid; |
+ outline: solid; |
+ |
+ background-color: rgba(128, 0, 0, 0.5); |
+ border-color: red; |
+ color: red; |
+ fill: rgba(128, 0, 0, 0.5); |
+ outline-color: red; |
+ stroke: red; |
+ text-decoration-color: red; |
+} |
+</style> |
+ |
+<a id="visited" href=""> |
+ This should be completely green. |
+ <svg width="14" height="14"> |
+ <rect x="2" y="2" width="10" height="10" stroke-width="4"></rect> |
+ </svg> |
+</a> |
+<br> |
+<br> |
+<a id="unvisited" href="#"> |
+ This should also be completely green. |
+ <svg width="14" height="14"> |
+ <rect x="2" y="2" width="10" height="10" stroke-width="4"></rect> |
+ </svg> |
+</a> |