svg点击弹窗

svg点击弹窗

        <svg  style="background-image: url(https://oss.knowway.cn/zhongliangct/hou2.jpg);background-repeat: no-repeat;background-size: 100% 100%;opacity:1" viewBox="0 0 750 2286">
            <g pointer-events="visible" style="opacity: 1;"><foreignObject x="370" y="100" width="178" height="690"><svg powered-by="yutustudio666" style="display: inline-block;background-image: url(&quot;https://mmbiz.qpic.cn/mmbiz_png/OObmU4Bsde1WgAlBYulyFHFRflriaKfvXd2KXyJiaxMRXE9l1orZguurWjxq6BmiaQGqwicfafTeZ4PQtracUldnqA/640?wx_fmt=png&quot;);background-repeat: no-repeat;background-size: 100% 100%;" viewBox="0 0 178 562"></svg></foreignObject><animate attributeName="opacity" begin="click" dur="1s" values="0;1" restart="never" fill="freeze"></animate></g>
        </svg>

 

posted @ 2021-09-03 13:30  newmiracle宇宙  阅读(316)  评论(0)  编辑  收藏  举报