详细信息
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
发表评论
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。