动态牛角头像对话问答渐变

美化源代码

复制源代码

源代码
<section style="text-align: right; margin: 10px 0px;"><section style="display: flex; justify-content: space-between; align-items:center;"><section><p style="text-align: center"><img src="https://cdn.file.mixinnet.cn/htmlImg/d31e14cf90e4c2e029897a599969fa41.png" style="display:block;"></p><section style="margin-top:-10px;"><section style="width: 45px;flex-shrink: 0;border-radius: 100%;"><img style="display: block; width: 100%; height: auto; border-radius: 100%;" src="https://cdn.file.mixinnet.cn/htmlImg/675188ea1f4e5d40985d83cb77aef89c.png" alt="" data-brush="img"></section></section></section><section style="width: 88%; text-align: left;margin-left:8px;"><section style="background-image: linear-gradient(90deg, #ffd7e0, #fff5f7);padding:8px 15px;color:#ff3e5e;transform: rotatez(0deg);border-radius:10px;display:inline-block;"><p style="letter-spacing: 2px; text-align: left;">                    早安，今天又是美好的一天</p></section></section></section><section style="margin-top:10px;display: flex; justify-content: space-between; align-items:center;"><section style="width: 88%; text-align: right;"><section style="background-image: linear-gradient(90deg, #aadcff, #f0f5fe);padding:8px 15px;color:#205e78;transform: rotatez(0deg);border-radius:10px;display:inline-block;"><p style="letter-spacing: 2px; text-align: left;">                    早安，看来心情不错</p></section></section><section style="margin-left:8px;"><p style="text-align: center"><img src="https://cdn.file.mixinnet.cn/htmlImg/d31e14cf90e4c2e029897a599969fa41.png" style="display:block;"></p><section style="margin-top:-10px;"><section style="width: 45px;flex-shrink: 0;border-radius: 100%;"><img style="display: block; width: 100%; height: auto; border-radius: 100%;" src="https://cdn.file.mixinnet.cn/htmlImg/e0a147a7a826a8bc1b0dc1ea527955d5.png" alt="" data-brush="img"></section></section></section></section></section>

可视化

早安，今天又是美好的一天

早安，看来心情不错

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统