平行四边形不规则边框对话问答动态圆点

源代码

<section style="text-align: center; margin: 10px 10px; "><section style="border:solid 1px #76d3ff;transform: skew(-10deg);-webkit-transform: skew(-10deg);-moz-transform: skew(-10deg);-ms-transform: skew(-10deg);-o-transform: skew(-10deg);padding:4px 15px;width:100%;"><section style="transform: skew(10deg);-webkit-transform: skew(10deg);-moz-transform: skew(10deg);-ms-transform: skew(10deg);-o-transform: skew(10deg);"><section style="display: flex;  align-items:flex-start;"><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/be39e2015e05ce467b20b83b97912bad.png" data-brush="img"></section><section style="margin-left:10px;margin-top:10px;"><p style="letter-spacing: 2px;">                        小宇今天六点开家长会</p></section></section></section></section><section style="width:3em;margin-left:auto;margin-top:-15px;margin-right:10px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/bf421e1862b0b255ec2a6b11d14d8e84.png" style="display:block;"></section><section style="margin-top:15px;"><section style="border:solid 1px #76d3ff;transform: skew(10deg);-webkit-transform: skew(10deg);-moz-transform: skew(10deg);-ms-transform: skew(10deg);-o-transform: skew(10deg);padding:4px 15px;width:100%;"><section style="transform: skew(-10deg); text-align: right;"><section style="display:inline-block;"><section style="display: flex;  align-items:flex-start;"><section style="margin-right:10px;margin-top:10px;"><p style="letter-spacing: 2px;">                                好的,我准时参加</p></section><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><section style="width:3em;margin-top:-15px;margin-left:10px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/bf421e1862b0b255ec2a6b11d14d8e84.png" style="display:block;"></section></section></section>

关于我们

快捷导航

联系我们

关于我们