html - 用于曲线气泡聊天的 CSS 样式

Question

我需要画一个圆 Angular 三 Angular 形(用于气泡聊天)，如下所示，我找到了几个使用变换的解决方案:旋转、倾斜和缩放

我的问题是:

1. 是否可以在没有复杂的 css 3 规则的情况下创建这种形状
2. 在性能方面，变换:旋转、倾斜和缩放重要还是可以忽略不计？ (假设在移动页面上一次有 6 次这种形状)

Answer 1

您可以使用 border-radius 制作聊天框以获得圆 Angular ，然后为顶部的三 Angular 形添加一个带有 css 背景图像的 :before 元素。所有标准、简单的 CSS。