有角度的工具提示指針元素？

Question

我想知道如何製作一個角度爲箭頭的元素，附在工具提示上。我已經看到這由Google帳戶完成，並附上截圖。看起來他們用幾個span元素實現了這一點。

我無法從他們的HTML/CSS中弄清楚他們是如何做到的......我唯一的想法是在常規div或圖像上使用CSS3旋轉，但我猜測還有更基本的方法。

任何人都可以給我一個提示嗎？不尋找一個完整的解決方案，我只是難以接近它。這也不是關於工具提示本身，而是關於那個有角度的元素。

謝謝！

編輯：Here's a related question.他們使用的透明邊框，邊框半徑和箱陰影???仍然困惑，但我會繼續調查......

Answer 1

你可以使用圖像或操縱跨度創建它，我知道facebook使用sprite圖像創建它，谷歌和twitter使用樣式跨度，只是使邊框透明，除了底部。這是Twitter的：

this is a tutorial。