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

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

版本:

浏览量:1220

最后更新:2021-09-07

应用标签:Jquery插件MAC 软件git

推荐指数:

详细信息

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

联系我们
免费复制
微信扫码关注领取验证码
注:需在公众号回复"验证码
输入验证码后可免费复制
付费复制 免费复制 付费复制
付费后30天内不限量复制

价格:元

支付宝支付
联系客服
扫一扫,支付¥

正在加载二维码...

支付完成后,请等待10秒左右,请勿关闭此页

发表评论

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