data-tip.css : 纯 CSS 实现的工具提示 tooltip

[sox]

纯 CSS 实现 ?

那你肯定用过 hint.css ，不过它是长这样的:

我更喜欢箭头居中显示，所以造了这个轮子:

我叫她 data-tip，你可以这样使用她:

<button class="data-tip data-tip-bottom" data-tip="Tips To Show">
  My Custom Button
</button>

预览 - 代码

[lx19930805]

@sox 如果是单纯的想引用这个 css 该怎么做呢？因为没用过类似的框架什么的，而且也不是自己的网站什么的（无法安装）。