SVG点亮图片
2021-03-19 本文已影响0人
0清婉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>
