haikuwebkit/LayoutTests/css3/filters/effect-reference-ordering-h...

21 lines
664 B
HTML

<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1">
<defs>
<filter id="blurX">
<feGaussianBlur stdDeviation="5 0"/>
</filter>
<filter id="blurY">
<feGaussianBlur stdDeviation="0 5"/>
</filter>
</defs>
</svg>
<style>
img {
margin: 10px;
-webkit-transform: translateZ(0);
}
</style>
<img style="filter: url(#blurY);" src="resources/reference.png">
<img style="filter: contrast(500%) url(#blurY);" src="resources/reference.png">
<img style="filter: url(#blurY) contrast(500%);" src="resources/reference.png">
<img style="filter: url(#blurX) contrast(500%); url(#blurY);" src="resources/reference.png">