third_party/WebKit/LayoutTests/animations/visited-link-color-animation.html

   1 <!DOCTYPE html>
   2 <style>
   3 @keyframes test {
   4   from {
   5     background-color: rgba(0, 128, 0, 0.5);
   6     border-color: green;
   7     color: green;
   8     fill: rgba(0, 128, 0, 0.5);
   9     outline-color: green;
  10     stroke: green;
  11     text-decoration-color: green;
  12   }
  13 }
  14 a {
  15   animation-name: test;
  16   animation-delay: 1e10s;
  17   animation-duration: 1s;
  18   animation-fill-mode: both;
  19   border: solid;
  20   outline: solid;
  21
  22   background-color: rgba(128, 0, 0, 0.5);
  23   border-color: red;
  24   color: red;
  25   fill: rgba(128, 0, 0, 0.5);
  26   outline-color: red;
  27   stroke: red;
  28   text-decoration-color: red;
  29 }
  30 </style>
  31
  32 <a id="visited" href="">
  33   This should be completely green.
  34   <svg width="14" height="14">
  35     <rect x="2" y="2" width="10" height="10" stroke-width="4"></rect>
  36   </svg>
  37 </a>
  38 <br>
  39 <br>
  40 <a id="unvisited" href="#">
  41   This should also be completely green.
  42   <svg width="14" height="14">
  43     <rect x="2" y="2" width="10" height="10" stroke-width="4"></rect>
  44   </svg>
  45 </a>