演唱会圆角渐变底色二维码

美化源代码

复制源代码

源代码
<section style="margin:10px 0px;"><section style="display:flex;justify-content:center;align-items:flex-start;"><section style="border:1px solid #e4e0fd;border-radius:100%;padding:25px;"><section style="width:300px;height:300px;border-radius:100%;background-image:linear-gradient(0deg, transparent, #ece9ff);"><section style="display:flex;justify-content:center;align-items:center;"><section style="width:110px;margin-top:90px;"><img src="http://dowcdn.cnd.mixinnet.cn/fenlei/2024-08-17-66c061ee9ea85.jpg" style="width:100%;height:auto;display:block;" data-qr="1" _src="http://dowcdn.cnd.mixinnet.cn/fenlei/2024-08-17-66c061ee9ea85.jpg"></section></section></section></section></section><section style="display:flex;justify-content:center;align-items:center;"><section style="font-size:17px;line-height:17px;color:#fff;letter-spacing:1px;border-radius:80%;background-image:linear-gradient(90deg, #c2edff,#d2d2ff,#fddfe8);padding:18px 30px 18px;transform:rotateZ(-9deg);margin-top:-1.5em;margin-bottom:-1em;"><p style="transform:rotateZ(9deg);"><strong>青春演唱会</strong></p></section></section><section style="width:100%;height:1px;background-color:#d6cffc;"></section><section style="font-size:15px;color:#333;letter-spacing:1px;text-align:center;margin-top:40px;"><p>舞动青春 | 青春演唱会</p></section></section>

可视化

青春演唱会

舞动青春 | 青春演唱会

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统