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
打赏
评论区
头像
    头像
    ikcclynjar
      

    这篇文章不错!

    头像
    vapvrhtyml
      

    这篇文章不错!

    头像
    lqoaxopqzo
      

    每一个段落都紧密相连,逻辑清晰,展现了作者高超的写作技巧。

    头像
    vbhgmxlqzb
      

    存在主义视角的介入提升了思想维度。

    头像
    uyinqisgwt
      

    ?文化类评语?