首页 SVG交互🎠

   <section style="overflow: hidden;text-align: center;line-height: 0;">
    <section style="pointer-events: none;margin-top:-1px;">
  <svg style="display: inline-block;width: 100%;vertical-align: top;-webkit-user-select:none;" viewBox="0 0 * *">
    <g>
      <animateTransform restart="whenNotActive" attributeName="transform" type="translate" values="0 0;-* 0" dur="1s" begin="click" fill="freeze">
      </animateTransform>
      <foreignObject width="100%" height="100%">
        <svg style="display: inline-block;width: 100%;vertical-align: top;background-position: 0% 0%;background-repeat: no-repeat;background-size:100%;background-attachment: scroll;background-image: url(&quot;图片链接&quot;);pointer-events: visible" viewBox="0 0 * *">
        </svg>
      </foreignObject>
    </g>
  </svg>
</section>

演示链接




文章评论