OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style> |
| 3 .box { |
| 4 width: 200px; |
| 5 height: 200px; |
| 6 margin: 20px; |
| 7 background-color: rgba(0, 128, 0, 0.01); |
| 8 filter: url(#lighting); |
| 9 } |
| 10 </style> |
| 11 <div class="box"></div> |
| 12 <svg width="0" height="0"> |
| 13 <filter id="lighting" x="-0.5" y="-0.5" width="2" height="2"> |
| 14 <feOffset dx="1" dy="1"/> |
| 15 <feComposite in="SourceGraphic"/> |
| 16 <feDiffuseLighting surfaceScale="200"> |
| 17 <feDistantLight azimuth="-45"/> |
| 18 </feDiffuseLighting> |
| 19 <feColorMatrix values="0 0 0 0 0, 0.33 0.33 0.33 0 0, -0.25 0 0 0.25 0, 0 0
0 1 0"/> |
| 20 </filter> |
| 21 </svg> |
OLD | NEW |