SVG交互设计—点A见B

首页 / SVG交互🎠 / 正文

pointer-events

参考代码

<section style="line-height:0;display:block">
<img src="插入图片链接(点击之后看到的图片)">
</section>
<section style="line-height:0;display:block;pointer-events:none">
    <section style="height:0;overflow:visible;transform:rotate(180deg)">
        <section style="transform: rotate(180deg);">
    <img src="插入图片链接(点击的图片)">
</section>
</section>
</section>

无缝处理

style="line-height:0;display:block"

贴合图片并将顶层图片倒置

height:0;overflow:visible;transform:rotate(180deg)

两张图片大小不一致调整 margin

SVG
打赏
评论区
头像
    头像
    Taniszyc