SVG排版公众号文章『CSS滤色混合模式』模板代码

懂点君

于 2021-06-17 09:14:22 发布

阅读量269

点赞数

CC 4.0 BY-SA版权

分类专栏：模板代码 | SVG公众号互动排版文章标签： css svg html 公众号新媒体

转载请联系微信号：dong_dian_jun

本文链接：https://blog.youkuaiyun.com/h5course/article/details/117980749

模板代码 | SVG公众号互动排版专栏收录该内容

54 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

效果一

<section>
    <section style="overflow: hidden;-webkit-touch-callout:none;user-select:none;line-height: 0;">
        <svg style="display: inline-block;background-image: url(https://mmbiz.qpic.cn/mmbiz_jpg/JpraGu7eGqRDrawZKOO7ia7g8ic0C68DKhLFAjibEMjBPk5j5IDCoTfUCk3SMHd5EibfqPFodyTp6EJoRACJIhUDJw/0?wx_fmt=jpeg);background-size: 100%;background-repeat: no-repeat;line-height: 0;" viewBox="0 0 300 400" data-info="公众号：懂点君">
            <g>
                <set attributeName="visibility" from="visible" to="hidden" begin="click" dur="1.2s" fill="freeze" restart="never"></set>
                <image style="mix-blend-mode: screen; transform:scale(1);" href="https://mmbiz.qpic.cn/mmbiz_jpg/JpraGu7eGqRDrawZKOO7ia7g8i