SVG公众号排版『图片雪花特效』模板代码
发布于 3 年前 作者 qiangbai 1500 次浏览 来自 分享

模板效果

点击查看效果

模板代码

<section style="line-height: 0;font-size:0;" data-label="H5 & SVG定制咨询微信:dong_dian_jun">
    <svg style="display: inline-block;width: 100%;weixin: dong_dian_jun;background-image: url(https://mmbiz.qpic.cn/mmbiz_gif/JpraGu7eGqTicawWLnEhlXCBDwzYX89nLHFZJv0DgwiagxswoyNzY6uVu1npasAZy7uiakS60kEoMO215H19P5KeA/640?wx_fmt=gif);background-repeat: no-repeat;background-size: cover;vertical-align: top;user-select: none;-webkit-tap-highlight-color: transparent;weixin: dong_dian_jun;" viewBox="0 0 800 533">
        <g opacity="0">
            <animate attributeName="opacity" fill="freeze" restart="never" values="0;1" dur="1s" begin="0s"></animate>
            <foreignObject width="800" height="533" x="0" y="0" style="weixin: dong_dian_jun;mix-blend-mode: screen;">
                <svg style="display: inline-block;width: 100%;background-repeat: no-repeat;background-size: 100%;background-image: url(https://mmbiz.qpic.cn/mmbiz_jpg/JpraGu7eGqTZnG5L16JAHEaIMZ0Eb9ehibg4qsSQO5e1sDT8uAelR4tmOcEVdAEveHQJevZDyLMChabDdEqst4w/0?wx_fmt=jpeg);-webkit-tap-highlight-color: transparent;vertical-align: top;user-select: none;" viewBox="0 0 800 533"></svg>
            </foreignObject>
        </g>
    </svg>
</section>
<section style="weixin: dong_dian_jun;line-height: 0;font-size:0;margin-top: 16px;" data-label="H5 & SVG定制咨询微信:dong_dian_jun">
    <svg style="display: inline-block;width: 100%;weixin: dong_dian_jun;background-image: url(https://mmbiz.qpic.cn/mmbiz_gif/JpraGu7eGqTicawWLnEhlXCBDwzYX89nLHFZJv0DgwiagxswoyNzY6uVu1npasAZy7uiakS60kEoMO215H19P5KeA/640?wx_fmt=gif);background-repeat: no-repeat;background-size: cover;vertical-align: top;user-select: none;weixin: dong_dian_jun;-webkit-tap-highlight-color: transparent;" viewBox="0 0 800 450">
        <g opacity="0">
            <animate attributeName="opacity" fill="freeze" restart="never" values="0;1" dur="1s" begin="0s"></animate>
            <foreignObject width="800" height="450" x="0" y="0" style="mix-blend-mode: screen;weixin: dong_dian_jun;">
                <svg style="display: inline-block;width: 100%;background-repeat: no-repeat;background-size: 100%;background-image: url(https://mmbiz.qpic.cn/mmbiz_jpg/JpraGu7eGqTZnG5L16JAHEaIMZ0Eb9eh9EWlToBiawJnOr1Lfh77eGlRhbJhEZVI4BnU3yXMWTWNGqpXt8yrnYA/0?wx_fmt=jpeg);-webkit-tap-highlight-color: transparent;weixin: dong_dian_jun;vertical-align: top;user-select: none;" viewBox="0 0 800 450"></svg>
            </foreignObject>
        </g>
    </svg>
</section>
2 回复

效果挺漂亮,得找个时间好好学习一下~~

有问题微信沟通:dong_dian_jun

回到顶部