如何使用CSS制作有角度的工具提示指针元素？

Question

我想知道如何制作一个角度元素作为箭头，附加到工具提示。我已经通过Google帐户看到了这一点，我附上了截图。看起来他们正在通过几个span元素实现这一目标。

我无法从他们的HTML / CSS中弄清楚他们是如何做到的......我唯一的想法是在常规div或图像上使用CSS3旋转，但我猜测有更基本的方法。

任何人都可以给我一个提示吗？我不是在寻找一个完整的解决方案，我只是对如何处理它感到难过。此外，它不是关于工具提示本身，而是关于角度元素。

编辑：Here's a related question.他们使用透明边框，边框半径和方框阴影？

Answer 1

你可以使用图像或操纵范围创建它，我知道facebook使用精灵图像创建它，谷歌和推特使用样式跨度，只是使边框透明，除了底部。这是推特：

this is a tutorial