CodePen Embed - SVG - filter

<svg width="400" height="200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <filter id="myFilterJPG" x="0" y="0" width="1" height="1">
      <feImage href="https://webdav.iflyit.top/share/图片/flower-1.jpg" />
    </filter>
    <filter id="myFilterSVG" x="0" y="0" width="1" height="1">
      <feImage href="https://webdav.iflyit.top/share/SVG/flower-1.svg" />
    </filter>
  </defs>

  <a href="https://webdav.iflyit.top/share/图片/flower-1.jpg" target="_blank">
    <rect width="50%" height="100%" filter="url(#myFilterJPG)" />
  </a>

  <a href="https://webdav.iflyit.top/share/SVG/flower-1.svg" target="_blank">
    <rect x="50.1%" width="50%" height="100%" filter="url(#myFilterSVG)" />
  </a>
</svg>

This Pen is owned by iflyit on CodePen.

See more by @iflyit on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.