OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <svg width="400" height="100" color-interpolation-filters="sRGB"> |
| 3 <!-- type=fractalNoise --> |
| 4 <filter id="fn1" x="0" y="0" width="1" height="1"> |
| 5 <feTurbulence type="fractalNoise" baseFrequency="-1 1"/> |
| 6 <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0.5, 0 0 1 0 0, 0 0 0 1 1"/> |
| 7 </filter> |
| 8 <rect width="100" height="100" filter="url(#fn1)"/> |
| 9 |
| 10 <filter id="fn2" x="0" y="0" width="1" height="1"> |
| 11 <feTurbulence type="fractalNoise" baseFrequency="1 -1"/> |
| 12 <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0.5, 0 0 1 0 0, 0 0 0 1 1"/> |
| 13 </filter> |
| 14 <rect width="100" height="100" filter="url(#fn2)" x="100"/> |
| 15 |
| 16 <!-- type=turbulence --> |
| 17 <filter id="tb1" x="0" y="0" width="1" height="1"> |
| 18 <feTurbulence type="fractalNoise" baseFrequency="-1 1"/> |
| 19 <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0.5, 0 0 1 0 0, 0 0 0 1 1"/> |
| 20 </filter> |
| 21 <rect width="100" height="100" filter="url(#tb1)" x="200"/> |
| 22 |
| 23 <filter id="tb2" x="0" y="0" width="1" height="1"> |
| 24 <feTurbulence type="fractalNoise" baseFrequency="1 -1"/> |
| 25 <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0.5, 0 0 1 0 0, 0 0 0 1 1"/> |
| 26 </filter> |
| 27 <rect width="100" height="100" filter="url(#tb2)" x="300"/> |
| 28 </svg> |
OLD | NEW |