CSS/CSS3动画提示工具特效代码（Hint.css）

演示  website 下载

这是一款纯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: 使用反弹动画

会员登陆后即可下载资源文件。更多好用网站特效插件，请关注帝国模板之家。