| <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> |