[CSS Blending] Refactor -webkit-blend-mode to -webkit-mix-blend-mode
[WebKit-https.git] / LayoutTests / css3 / compositing / svg-blend-layer-filter.html
1 <!DOCTYPE HTML>
2 <html>
3 <body>
4 <p>Test for isolation caused by a filter. This test passes if the whole rectangle is green.</p>
5 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400px" height="400px" >
6 <defs>
7   <filter id="f1" x="0" y="0">
8     <feGaussianBlur in="SourceGraphic" stdDeviation="15" />
9   </filter>
10 </defs>
11 <g transform="scale(4 4)">
12   <rect x="0" y="0" width="40" height="40" fill="rgb(0,255,0)"/>
13   <g filter="url(#f1)">
14     <rect x="10" y="10" width="20" height="20" fill="rgb(0,255,0)" style="-webkit-mix-blend-mode: difference"/>
15   </g>
16 </g>
17 </svg>
18 </body>
19 </html>