| <!DOCTYPE html> |
| <style> |
| .turbulent { |
| width: 160px; |
| height: 90px; |
| margin: 10px; |
| filter: url(#turbulence); |
| filter: url(#turbulence); |
| } |
| |
| .visibleContent { |
| background-color: red; |
| } |
| </style> |
| <div class="turbulent visibleContent"></div> |
| <div class="turbulent"></div> |
| |
| This test ensures we properly render filters on elements that otherwise have |
| no visible content. This test passes if both divs look the same. |
| |
| <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> |
| <defs> |
| <filter id="turbulence" color-interpolation-filters="sRGB"> |
| <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2"/> |
| </filter> |
| </defs> |
| </svg> |