使用纯 CSS 的酷工具提示 - Hint.css

使用纯 CSS 的酷工具提示 - Hint.css

版本:

浏览量:151

最后更新:2021-09-07

应用标签:MAC 软件Jquery插件

推荐指数:

详细信息

Hint.css 是 CSS 中的工具提示库,可帮助您向页面的任何元素添加很酷的工具提示。

Hint.css 和其他工具提示插件的主要区别在于 Hint.css 使用 data-* 属性、伪元素、内容属性和 CSS3 转换,因此它只与那些完全支持 HTML5 和 CSS3 的现代浏览器兼容。

如何使用它:

1. 在您的页面中包含 Hint.css。

<link rel="stylesheet" href="hint.css">

2. 用至少 2 个类标记您的链接。使用 data-hint 属性添加工具提示文本。

<p> <a href="#" class="hint  hint--top" data-hint="jQueryScript.Net">Look, there is something over me.</a> </p>

3. 位置选项。

class="hint hint--top"
class="hint hint--bottom"
class="hint hint--left"
class="hint hint--right"

4. 此外,您可以使用其他修饰符来设置工具提示的样式。

hint--error
hint--info
hint--warning
hint--success
hint--always

变更日志:

2019-04-27

  • v2.6.0

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。