image/test/mochitest/lime-css-anim-100x100.svg

   1 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
   2      width="100" height="100">
   3   <defs>
   4     <style>
   5       #myRect {
   6         animation-duration: 0.1s;
   7         animation-name: fade;
   8         animation-fill-mode: forwards;
   9       }
  10
  11       @keyframes fade {
  12           0% { fill-opacity: 0 }
  13           100% { fill-opacity: 1 }
  14       }
  15     </style>
  16   </defs>
  17   <rect width="100%" height="100%" fill="red"/>
  18   <rect id="myRect" width="100%" height="100%" fill="lime" fill-opacity="0"/>
  19 </svg>