empty-blob-merging.html (1173B)
1 <html class="reftest-wait"> 2 <style> 3 @keyframes spinnow { 4 100% { 5 transform: rotate(360deg) scale(.2, .2); 6 } 7 } 8 9 rect { 10 transform: rotate(0deg) scale(0.6, 1); 11 transform-origin: center; 12 animation: 5s spinnow infinite linear; 13 } 14 15 </style> 16 <svg width=400 height=400> 17 <!-- 18 onwheel is needed so that we get a hit test info display item 19 before the transform on the rect 20 --> 21 <g onwheel="alert(1)"> 22 <g id="gr"> 23 <circle r=30 fill=yellow cx=300 cy=100 /> 24 <circle r=30 fill=yellow cx=10 cy=100 /> 25 <circle r=30 fill=yellow cx=300 cy=300 /> 26 <circle r=30 fill=yellow cx=10 cy=300 /> 27 </g> 28 <rect width=100 height=100 fill=blue x=100 y=100 /> 29 <g opacity=0.5> 30 <circle r=30 fill=pink cx=300 cy=100 /> 31 <circle r=30 fill=pink cx=10 cy=100 /> 32 <circle r=30 fill=pink cx=300 cy=300 /> 33 <circle r=30 fill=pink cx=10 cy=300 /> 34 </g> 35 </g> 36 </svg> 37 <script> 38 function blam() { 39 let gr = document.getElementById("gr"); 40 gr.remove(); 41 document.documentElement.removeAttribute("class"); 42 } 43 document.addEventListener("MozReftestInvalidate", function() { 44 requestAnimationFrame(function() { 45 blam(); 46 }); 47 }); 48 </script>