blob: ca75974c1358162166f8b849215f8943d7e27ded [file] [log] [blame]
<!DOCTYPE html>
.turbulent {
width: 160px;
height: 90px;
margin: 10px;
filter: url(#turbulence);
filter: url(#turbulence);
.visibleContent {
background-color: red;
<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="" width="0" height="0" version="1.1">
<filter id="turbulence" color-interpolation-filters="sRGB">
<feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2"/>