网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。
这是一款纯css/CSS3制作的提示工具库,可以在网页上创建好看的动画提示。
特征:
重量轻,使用方便
基于CSS3转换和变换的动画。
通过CSS类完全可定制。
4个方向:左、右、上、右。
8种额外的工具提示类型/提示:错误、警告、信息、成功、始终、舍入、无动画和反弹。
使用方法:
1.在html的header中包含hint.css。
<link rel="stylesheet" href="hint.css">
2.使用"data hint"属性设置提示内容,使用class属性指定方向。
<a class="hint--top hint--error" data-hint="This is an error tooltip">Hover me</a>
3.也可以改用"aria label"属性。
<a class="hint--top hint--error" aria-label="This is an error tooltip">Hover me</a>
4.所有主题
hint–error
hint–info
hint–warning
hint–success
5.更改提示工具的大小
hint–small
hint–medium
hint–large
6.更多CSS类来定制提示工具
hint–always: 始终显示
hint–rounded: 圆角
hint–no-animate: 没有动画
hint–bounce: 使用反弹动画
转载请注明来源:CSS/CSS3动画提示工具特效代码(Hint.css)
本文永久链接地址:https://www.moyouyouw.cn/code/740.html
郑重声明:本站所有主题/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除,谢谢!我们不承担任何技术及版权问题,且不对任何资源负法律责任。
已有 位小伙伴发表了看法
欢迎 你 发表评论