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 |