OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style> |
| 3 .turbulent { |
| 4 width: 160px; |
| 5 height: 90px; |
| 6 margin: 10px; |
| 7 -webkit-filter: url(#turbulence); |
| 8 filter: url(#turbulence); |
| 9 } |
| 10 |
| 11 .visibleContent { |
| 12 background-color: red; |
| 13 } |
| 14 </style> |
| 15 <div class="turbulent"></div> |
| 16 <div class="turbulent visibleContent"></div> |
| 17 |
| 18 This test ensures we properly render filters on elements that otherwise have |
| 19 no visible content. This test passes if both divs look the same. |
| 20 |
| 21 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> |
| 22 <defs> |
| 23 <filter id="turbulence" color-interpolation-filters="sRGB"> |
| 24 <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2"/> |
| 25 </filter> |
| 26 </defs> |
| 27 </svg> |
OLD | NEW |