其中 polygon 多边形的坐标如下：
深绿色块就是我们要显示的区域，然后逆时针翻转45度就成了我们想要的样式。
多么好的方式呀！
那浏览器兼容性如何呢？我查看了下Caniuse这个网站，除了老IE基本其它浏览器都支持，所以开心的用起来吧！
最后提供一个 sass 的mixin，参数是上下左右四个方向。
@mixin triangleMixin ($direction) {
background-color: inherit;
border: inherit;
clip-path: polygon(0% 0%, 100% 100%, 0% 100%); @if( $direction == left ) {
transform: rotate(45deg);
} @else if( $direction == right ) {
transform: rotate(-135deg);
} @else if( $direction == down ) {
transform: rotate(-45deg);
} @else {
transform: rotate(135deg);
}
}
总结
以上所述是小编给大家介绍的CSS实现对话框小尾巴功能，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
