blob: bd4fc47d177fa0f79c664a1a2ed96c0f72efb19e [file] [log] [blame]
<DOCTYPE html>
<style>
div {
display: inline-block;
margin: 10px;
width: 400px;
height: 100px;
}
.r1 {
background-image: repeating-radial-gradient(closest-corner ellipse at -184467440737095516150000000000000000000% 37%, red, green);
}
.r2 {
background-image: repeating-radial-gradient(farthest-corner ellipse at -184467440737095516150000000000000000000% 37%, red, green);
}
.r3 {
background-image: repeating-radial-gradient(closest-side ellipse at -184467440737095516150000000000000000000% 37%, red, green);
}
.r4 {
background-image: repeating-radial-gradient(farthest-side ellipse at -184467440737095516150000000000000000000% 37%, red, green);
}
.r5 {
background-image: repeating-radial-gradient(closest-corner ellipse at 184467440737095516150000000000000000000% 37%, red, green);
}
.r6 {
background-image: repeating-radial-gradient(farthest-corner ellipse at 184467440737095516150000000000000000000% 37%, red, green);
}
.r7 {
background-image: repeating-radial-gradient(closest-side ellipse at 184467440737095516150000000000000000000% 37%, red, green);
}
.r8 {
background-image: repeating-radial-gradient(farthest-side ellipse at 184467440737095516150000000000000000000% 37%, red, green);
}
</style>
<div class="r1"></div>
<div class="r2"></div>
<div class="r3"></div>
<div class="r4"></div>
<div class="r5"></div>
<div class="r6"></div>
<div class="r7"></div>
<div class="r8"></div>
PASS: did not crash.
<script>
if (window.testRunner)
testRunner.dumpAsText();
</script>