OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <body> | 2 <body> |
3 <div style="-webkit-filter: url('#filter'); filter: url('#filter'); width: 100
px; height: 100px; padding: 1px;"> | 3 <div style="filter: url('#filter'); width: 100px; height: 100px; padding: 1px;
"> |
4 <div style="background-color: red; width: 98px; height: 98px;"></div> | 4 <div style="background-color: red; width: 98px; height: 98px;"></div> |
5 </div> | 5 </div> |
6 <svg width="0" height="0"> | 6 <svg width="0" height="0"> |
7 <filter id="filter"> | 7 <filter id="filter"> |
8 <feFlood result="outlineColor" flood-color="green"/> | 8 <feFlood result="outlineColor" flood-color="green"/> |
9 <feMorphology in="SourceAlpha" operator="dilate" radius="1"/> | 9 <feMorphology in="SourceAlpha" operator="dilate" radius="1"/> |
10 <feComposite operator="in" in="outlineColor"/> | 10 <feComposite operator="in" in="outlineColor"/> |
11 </filter> | 11 </filter> |
12 </svg> | 12 </svg> |
13 </body> | 13 </body> |
OLD | NEW |