hint.css 是作为纯 CSS 编写的，您可以使用它为您的 Web 应用程序创建很酷的可访问工具提示。它不依赖于 JavaScript，而是使用 aria-label / data-attribute*、伪元素、内容属性和 CSS3 转换来创建工具提示。它还使用 BEM 命名约定，特别是修饰符。

功能特点

只有CSS，没有 JavaScript

小文件大小，只有 15KB

支持具有 aria-label/data-hint 属性的可访问性

适用于所有现代浏览器

使用方便，无需配置

使用方法

首先引入 CSS 样式表

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

HTML 代码

Hello Sir, <span class="hint--bottom" aria-label="Thank you!">hover me.</span>

可用的修饰符

• 颜色 - hint--error, hint--info, hint--warning, hint--success
• 大小 - hint--small, hint--medium, hint--large
• hint--always
• hint--rounded
• hint--no-animate
• hint--bounce
• hint-no-arrow