CSS 怎么写出对话气泡的小尖角？像 iMessage 那样的气泡尖角。

2017-05-23 20:45:03 +08:00
 islujw

用 CSS 写对话气泡，其中小尖角希望和 iMessage 一样，然而似乎有些困难，网上也都是微信那种尖角。

大家有什么建议嘛……

8390 次点击
所在节点    CSS
43 条回复
islujw
2017-05-30 03:07:47 +08:00
@geelaw 最后权衡了一下，还是决定让宽度小于等于 1024px 的浏览器使用纯色。页面滑动的顺畅度还是首要考虑的。不管怎样，还是谢谢啦…(｡ì _ í｡)
e8c47a0d
2017-06-30 14:22:52 +08:00
形状比较复杂的，建议用 inline svg
islujw
2017-07-16 17:03:50 +08:00
@e8c47a0d 已经用 border 写出来了。现在的问题是移动端的 Safari 不支持背景 fixed。当然还有滑动时的气泡缓冲效果，不过这个可有可无～

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/363313

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX