| <!DOCTYPE html> |
| <style type="text/css" media="screen"> |
| .box { |
| height: 100px; |
| width: 10000000px; /* Choose a huge width to make the mask excessively large. */ |
| margin: 20px; |
| margin-bottom: 120px; |
| background-color: green; |
| } |
| |
| .reflected { |
| -webkit-box-reflect: below 2px linear-gradient(transparent, white); |
| } |
| |
| .composited { |
| will-change: transform; |
| } |
| </style> |
| <p>Reflection should be masked with gradient.</p> |
| <div class="reflected composited box"> |
| </div> |
| Passes if it does not crash. |
| <script> |
| if (testRunner) |
| testRunner.dumpAsText(); |
| </script> |