| OLD | NEW |
| 1 <body style="zoom: 50%"></body> | 1 <body style="zoom: 50%"></body> |
| 2 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> | 2 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> |
| 3 <defs> | 3 <defs> |
| 4 <filter id="blurY" color-interpolation-filters="sRGB"> | 4 <filter id="blurY" color-interpolation-filters="sRGB"> |
| 5 <feGaussianBlur stdDeviation="0 5"/> | 5 <feGaussianBlur stdDeviation="0 5"/> |
| 6 </filter> | 6 </filter> |
| 7 <filter id="lighting" color-interpolation-filters="sRGB"> | 7 <filter id="lighting" color-interpolation-filters="sRGB"> |
| 8 <feSpecularLighting> | 8 <feSpecularLighting> |
| 9 <feSpotLight pointsAtX="160" pointsAtY="130" pointsAtZ="0" specularExpon
ent="1" limitingConeAngle="20" x="0" y="0" z="10"/> | 9 <feSpotLight pointsAtX="160" pointsAtY="130" pointsAtZ="0" specularExpon
ent="1" limitingConeAngle="20" x="0" y="0" z="10"/> |
| 10 </feSpecularLighting> | 10 </feSpecularLighting> |
| (...skipping 19 matching lines...) Expand all Loading... |
| 30 </feMerge> | 30 </feMerge> |
| 31 </filter> | 31 </filter> |
| 32 <filter id="turbulence" color-interpolation-filters="sRGB"> | 32 <filter id="turbulence" color-interpolation-filters="sRGB"> |
| 33 <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2"/> | 33 <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2"/> |
| 34 </filter> | 34 </filter> |
| 35 </defs> | 35 </defs> |
| 36 </svg> | 36 </svg> |
| 37 <style> | 37 <style> |
| 38 img { | 38 img { |
| 39 margin: 10px; | 39 margin: 10px; |
| 40 -webkit-transform: translateZ(0); | 40 transform: translateZ(0); |
| 41 } | 41 } |
| 42 </style> | 42 </style> |
| 43 <img src="resources/reference.png"> | 43 <img src="resources/reference.png"> |
| 44 <img style="-webkit-filter: url(#blurY); filter: url(#blurY);" src="resources/re
ference.png"> | 44 <img style="-webkit-filter: url(#blurY); filter: url(#blurY);" src="resources/re
ference.png"> |
| 45 <img style="-webkit-filter: url(#lighting); filter: url(#lighting);" src="resour
ces/reference.png"> | 45 <img style="-webkit-filter: url(#lighting); filter: url(#lighting);" src="resour
ces/reference.png"> |
| 46 <img style="-webkit-filter: url(#offset); filter: url(#offset);" src="resources/
reference.png"> | 46 <img style="-webkit-filter: url(#offset); filter: url(#offset);" src="resources/
reference.png"> |
| 47 <img style="-webkit-filter: url(#displacement); filter: url(#displacement);" src
="resources/reference.png"> | 47 <img style="-webkit-filter: url(#displacement); filter: url(#displacement);" src
="resources/reference.png"> |
| 48 <img style="-webkit-filter: url(#merge); filter: url(#merge);" src="resources/re
ference.png"> | 48 <img style="-webkit-filter: url(#merge); filter: url(#merge);" src="resources/re
ference.png"> |
| 49 <img style="-webkit-filter: url(#turbulence); filter: url(#turbulence);" src="re
sources/reference.png"> | 49 <img style="-webkit-filter: url(#turbulence); filter: url(#turbulence);" src="re
sources/reference.png"> |
| 50 <img style="-webkit-filter:blur(10px)" src="resources/reference.png"> | 50 <img style="-webkit-filter:blur(10px)" src="resources/reference.png"> |
| 51 <img style="-webkit-filter:drop-shadow(rgba(0,0,0,0.5) 0 5px 5px)" src="resource
s/reference.png"> | 51 <img style="-webkit-filter:drop-shadow(rgba(0,0,0,0.5) 0 5px 5px)" src="resource
s/reference.png"> |
| OLD | NEW |