| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style type="text/css" media="screen"> | 2 <style type="text/css" media="screen"> |
| 3 .box { | 3 .box { |
| 4 height: 100px; | 4 height: 100px; |
| 5 width: 10000000px; /* Choose a huge width to make the mask excessively large
. */ | 5 width: 10000000px; /* Choose a huge width to make the mask excessively large
. */ |
| 6 margin: 20px; | 6 margin: 20px; |
| 7 margin-bottom: 120px; | 7 margin-bottom: 120px; |
| 8 background-color: green; | 8 background-color: green; |
| 9 } | 9 } |
| 10 | 10 |
| 11 .reflected { | 11 .reflected { |
| 12 -webkit-box-reflect: below 2px | 12 -webkit-box-reflect: below 2px linear-gradient(transparent, white); |
| 13 -webkit-gradient(linear, left top, left bottom, from(transparent), to(wh
ite)); | |
| 14 } | 13 } |
| 15 | 14 |
| 16 .composited { | 15 .composited { |
| 17 transform: translateZ(0); | 16 transform: translateZ(0); |
| 18 } | 17 } |
| 19 </style> | 18 </style> |
| 20 <p>Reflection should be masked with gradient.</p> | 19 <p>Reflection should be masked with gradient.</p> |
| 21 <div class="reflected composited box"> | 20 <div class="reflected composited box"> |
| 22 </div> | 21 </div> |
| 23 Passes if it does not crash. | 22 Passes if it does not crash. |
| 24 <script> | 23 <script> |
| 25 if (testRunner) | 24 if (testRunner) |
| 26 testRunner.dumpAsText(); | 25 testRunner.dumpAsText(); |
| 27 </script> | 26 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2746583003:
Send deprecation messages for prefixed gradients now that it's possible. (Closed)
