OLD | NEW |
1 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> | 1 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> |
2 <defs> | 2 <defs> |
3 <filter id="blurX" color-interpolation-filters="sRGB" x="-20%" y="-20%" widt
h="140%" height="140%"> | 3 <filter id="blurX" color-interpolation-filters="sRGB" x="-20%" y="-20%" widt
h="140%" height="140%"> |
4 <feGaussianBlur stdDeviation="5 0"/> | 4 <feGaussianBlur stdDeviation="5 0"/> |
5 </filter> | 5 </filter> |
6 <filter id="blurY" color-interpolation-filters="sRGB" x="-20%" y="-20%" widt
h="140%" height="140%"> | 6 <filter id="blurY" color-interpolation-filters="sRGB" x="-20%" y="-20%" widt
h="140%" height="140%"> |
7 <feGaussianBlur stdDeviation="0 5"/> | 7 <feGaussianBlur stdDeviation="0 5"/> |
8 </filter> | 8 </filter> |
9 </defs> | 9 </defs> |
10 </svg> | 10 </svg> |
11 <style> | 11 <style> |
12 img { | 12 img { |
13 margin: 10px; | 13 margin: 10px; |
14 } | 14 } |
15 </style> | 15 </style> |
16 <img style="-webkit-filter: url(#blurY);" src="resources/reference.png"> | 16 <img style="filter: url(#blurY);" src="resources/reference.png"> |
17 <img style="-webkit-filter: contrast(500%) url(#blurY);" src="resources/referenc
e.png"> | 17 <img style="filter: contrast(500%) url(#blurY);" src="resources/reference.png"> |
18 <img style="-webkit-filter: url(#blurY) contrast(500%);" src="resources/referenc
e.png"> | 18 <img style="filter: url(#blurY) contrast(500%);" src="resources/reference.png"> |
19 <img style="-webkit-filter: url(#blurX) contrast(500%) url(#blurY);" src="resour
ces/reference.png"> | 19 <img style="filter: url(#blurX) contrast(500%) url(#blurY);" src="resources/refe
rence.png"> |
OLD | NEW |