зеркало из https://github.com/mozilla/gecko-dev.git
49 строки
1.1 KiB
HTML
49 строки
1.1 KiB
HTML
<html class="reftest-wait">
|
|
<style>
|
|
@keyframes spinnow {
|
|
100% {
|
|
transform: rotate(360deg) scale(.2, .2);
|
|
}
|
|
}
|
|
|
|
rect {
|
|
transform: rotate(0deg) scale(0.6, 1);
|
|
transform-origin: center;
|
|
animation: 5s spinnow infinite linear;
|
|
}
|
|
|
|
</style>
|
|
<svg width=400 height=400>
|
|
<!--
|
|
onwheel is needed so that we get a hit test info display item
|
|
before the transform on the rect
|
|
-->
|
|
<g onwheel="alert(1)">
|
|
<g id="gr">
|
|
<circle r=30 fill=yellow cx=300 cy=100 />
|
|
<circle r=30 fill=yellow cx=10 cy=100 />
|
|
<circle r=30 fill=yellow cx=300 cy=300 />
|
|
<circle r=30 fill=yellow cx=10 cy=300 />
|
|
</g>
|
|
<rect width=100 height=100 fill=blue x=100 y=100 />
|
|
<g opacity=0.5>
|
|
<circle r=30 fill=pink cx=300 cy=100 />
|
|
<circle r=30 fill=pink cx=10 cy=100 />
|
|
<circle r=30 fill=pink cx=300 cy=300 />
|
|
<circle r=30 fill=pink cx=10 cy=300 />
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<script>
|
|
function blam() {
|
|
let gr = document.getElementById("gr");
|
|
gr.remove();
|
|
document.documentElement.removeAttribute("class");
|
|
}
|
|
document.addEventListener("MozReftestInvalidate", function() {
|
|
requestAnimationFrame(function() {
|
|
blam();
|
|
});
|
|
});
|
|
</script>
|