animate-layer-scale-inherit-1.html (498B)
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>