首页
综合版
演示/介绍
活动
使用文档
安装环境
样式中心
登录
综合版
演示/介绍
活动
使用文档
安装环境
样式中心
登录
圆形双图 透明色圆形气泡
美化源代码
复制源代码
源代码
<section style="box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;width: 70%;box-sizing: border-box;"><section style="text-align: center;margin: 40px 0% 10px;box-sizing: border-box;transform: translate3d(1px, 0px, 0px);-webkit-transform: translate3d(1px, 0px, 0px);-moz-transform: translate3d(1px, 0px, 0px);-ms-transform: translate3d(1px, 0px, 0px);-o-transform: translate3d(1px, 0px, 0px);"><section style="max-width: 100%;vertical-align: middle;display: inline-block;border-width: 0px;border-radius: 100%;border-style: none;border-color: rgb(62, 62, 62);overflow: hidden;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/8cb1e4878b93118f7dc7c8caab78c164.png" style="vertical-align: middle;box-sizing: border-box;" data-brush="img" data-copyrighted="4286"></section></section></section><section style="display: inline-block;vertical-align: top;width: 30%;box-sizing: border-box;"><section style="margin-top: 10px;margin-bottom: 10px;box-sizing: border-box;transform: translate3d(-20px, 0px, 0px);-webkit-transform: translate3d(-20px, 0px, 0px);-moz-transform: translate3d(-20px, 0px, 0px);-ms-transform: translate3d(-20px, 0px, 0px);-o-transform: translate3d(-20px, 0px, 0px);"><section style="max-width: 100%;vertical-align: middle;display: inline-block;border-width: 0px;border-radius: 100%;border-style: none;border-color: rgb(62, 62, 62);overflow: hidden;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/566bd64d351eb583d5a19e3aef70c131.png" style="vertical-align: middle;box-sizing: border-box;" data-brush="img" data-copyrighted="4303"></section></section><section style="box-sizing: border-box;"><section style="box-sizing: border-box;"><p style="box-sizing: border-box;"><br></p></section><section style="margin-right: 0%;margin-bottom: 3px;margin-left: 0%;box-sizing: border-box;transform: translate3d(-30px, 0px, 0px);"><section style="display: inline-block;width: 50%;vertical-align: top;background-color: rgba(146, 203, 122, 0.5);border-width: 0px;border-radius: 100%;border-style: none;border-color: rgb(62, 62, 62);overflow: hidden;box-sizing: border-box;"><section style="margin: 5px 0% 3px;box-sizing: border-box;"><section style="box-sizing: border-box;"><p style="box-sizing: border-box;"><br></p><p style="box-sizing: border-box;"><br></p></section></section></section></section></section><section style="margin: -15px 0% 3px;box-sizing: border-box;transform: translate3d(5px, 0px, 0px);-webkit-transform: translate3d(5px, 0px, 0px);-moz-transform: translate3d(5px, 0px, 0px);-ms-transform: translate3d(5px, 0px, 0px);-o-transform: translate3d(5px, 0px, 0px);"><section style="display: inline-block;width: 25%;vertical-align: top;background-color: rgba(146, 203, 122, 0.5);border-width: 0px;border-radius: 100%;border-style: none;border-color: rgb(62, 62, 62);overflow: hidden;box-sizing: border-box;"><section style="margin: 2px 0% 3px;text-align: right;box-sizing: border-box;"><section style="text-align: left;box-sizing: border-box;"><p style="box-sizing: border-box;"><br></p></section></section></section></section></section></section>
可视化
