| OLD | NEW |
| 1 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="0" height="0"> | 1 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="0" height="0"> |
| 2 <defs> | 2 <defs> |
| 3 <filter id="filter" x="25%" y="0%" width="50%" height="100%"> | 3 <filter id="filter" x="25%" y="0%" width="50%" height="100%"> |
| 4 <feComponentTransfer> | 4 <feComponentTransfer> |
| 5 <feFuncR type="linear" intercept="0" slope="1"/> | 5 <feFuncR type="linear" intercept="0" slope="1"/> |
| 6 <feFuncG type="linear" intercept="0" slope="0"/> | 6 <feFuncG type="linear" intercept="0" slope="0"/> |
| 7 <feFuncB type="linear" intercept="0" slope="0"/> | 7 <feFuncB type="linear" intercept="0" slope="0"/> |
| 8 <feFuncA type="linear" intercept="0" slope="1"/> | 8 <feFuncA type="linear" intercept="0" slope="1"/> |
| 9 </feComponentTransfer> | 9 </feComponentTransfer> |
| 10 </filter> | 10 </filter> |
| 11 </defs> | 11 </defs> |
| 12 </svg> | 12 </svg> |
| 13 <style> | 13 <style> |
| 14 div { | 14 div { |
| 15 display: inline-block; | 15 display: inline-block; |
| 16 filter: url(#filter); | 16 filter: url(#filter); |
| 17 -webkit-filter: url(#filter); | |
| 18 background-color: gray; | 17 background-color: gray; |
| 19 width: 50px; | 18 width: 50px; |
| 20 height: 50px; | 19 height: 50px; |
| 21 transform: translate(25px, 25px) scale(2); | 20 transform: translate(25px, 25px) scale(2); |
| 22 -webkit-transform: translate(25px, 25px) scale(2); | 21 -webkit-transform: translate(25px, 25px) scale(2); |
| 23 } | 22 } |
| 24 </style> | 23 </style> |
| 25 <div></div> | 24 <div></div> |
| OLD | NEW |