SVG交互设计—单图撤场

首页 / 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>
SVG
打赏
评论区
头像