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