美文网首页
SVG点亮图片

SVG点亮图片

作者: 0清婉0 | 来源:发表于2021-03-19 20:36 被阅读0次

    <!DOCTYPE html>

    <html lang="zh-CN">

    <head>

    <meta charset="utf-8" />

    <title>点亮图片</title>

    <style type="text/css">

    section,svg {

    display: inline-block;

    width: 1080px;

    height: 1800px;

    }

    </style>

    </head>

    <body style="text-align: center;">

    <section style="background-image: url(img/wuhan1.jpg);">

    <svg style="background-image: url(img/wuhan2.jpg); opacity: 0;">

    <animate attributeName="opacity" from="0" to="1"

    begin="click" dur="4s" fill="freeze" restart="never"

    data-darkmode-bgimage-15863094715821="1"

    data-darkmode-color-15863094715821="rgba(0,0,0,0.9)">

    </animate>

    </svg>

    </section>

    </body>

    </html>

    相关文章

      网友评论

          本文标题:SVG点亮图片

          本文链接:https://www.haomeiwen.com/subject/ubybcltx.html