OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style> |
| 3 .target { |
| 4 display: inline-block; |
| 5 width: 100px; |
| 6 height: 100px; |
| 7 background-color: red; |
| 8 } |
| 9 </style> |
| 10 <div class="target" style="-webkit-filter: url(#fn1); filter: url(#fn1)"></div> |
| 11 <div class="target" style="-webkit-filter: url(#fn2); filter: url(#fn2)"></div> |
| 12 <div class="target" style="-webkit-filter: url(#tb1); filter: url(#tb1)"></div> |
| 13 <div class="target" style="-webkit-filter: url(#tb2); filter: url(#tb2)"></div> |
| 14 <svg height="0" color-interpolation-filters="sRGB"> |
| 15 <!-- type=fractalNoise --> |
| 16 <filter id="fn1" x="0" y="0" width="1" height="1"> |
| 17 <feTurbulence type="fractalNoise" baseFrequency="-1 1"/> |
| 18 <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0.5, 0 0 1 0 0, 0 0 0 1 1"/> |
| 19 </filter> |
| 20 |
| 21 <filter id="fn2" x="0" y="0" width="1" height="1"> |
| 22 <feTurbulence type="fractalNoise" baseFrequency="1 -1"/> |
| 23 <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0.5, 0 0 1 0 0, 0 0 0 1 1"/> |
| 24 </filter> |
| 25 |
| 26 <!-- type=turbulence --> |
| 27 <filter id="tb1" x="0" y="0" width="1" height="1"> |
| 28 <feTurbulence type="fractalNoise" baseFrequency="-1 1"/> |
| 29 <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0.5, 0 0 1 0 0, 0 0 0 1 1"/> |
| 30 </filter> |
| 31 |
| 32 <filter id="tb2" x="0" y="0" width="1" height="1"> |
| 33 <feTurbulence type="fractalNoise" baseFrequency="1 -1"/> |
| 34 <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0.5, 0 0 1 0 0, 0 0 0 1 1"/> |
| 35 </filter> |
| 36 </svg> |
OLD | NEW |