Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE html> | |
| 2 <style> | |
| 3 #turbulent { | |
| 4 width: 160px; | |
| 5 height: 90px; | |
| 6 -webkit-filter: url(#turbulence); | |
| 7 filter: url(#turbulence); | |
| 8 | |
| 9 /* Make the div have visible content without the filter. */ | |
|
Stephen Chennney
2015/02/19 16:13:27
This comment confused me, but that's because the t
ajuma
2015/02/19 17:36:51
Done.
| |
| 10 background-color: red; | |
| 11 } | |
| 12 </style> | |
| 13 <div id="turbulent"></div> | |
| 14 | |
| 15 This test ensures we properly render filters on elements that otherwise have | |
| 16 no visible content. | |
| 17 | |
| 18 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> | |
| 19 <defs> | |
| 20 <filter id="turbulence" color-interpolation-filters="sRGB"> | |
| 21 <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2"/> | |
| 22 </filter> | |
| 23 </defs> | |
| 24 </svg> | |
| OLD | NEW |