layout/reftests/transform/animate-layer-scale-inherit-1.html

   1 <!DOCTYPE HTML>
   2 <title>Testcase, bug 1122526</title>
   3 <style>
   4
   5 #outer, #inner {
   6   display: inline-block;
   7   background: white;
   8   color: black;
   9 }
  10 #outer { transform: scale(5) }
  11 #inner { animation: HoldTransform linear infinite 1s }
  12 #inner {
  13   vertical-align: top;
  14   height: 100px;
  15   width: 100px;
  16   background: repeating-linear-gradient(to top left, yellow, blue 10px);
  17 }
  18 @keyframes HoldTransform {
  19   from, to { transform: scale(0.2) }
  20 }
  21
  22 </style>
  23
  24 <div id="outer">
  25   <div id="inner">
  26   </div>
  27 </div>