Balloon.css 纯CSS3简单实用的tooltips工具提示效果库，Balloon.css 可以让你不用借助 JavaScript 给元素添加提示，而且只需要几行 CSS 代码。 

npm安装

npm install balloon-css

使用data-balloon-pos的属性与所述值中的一个：up，down，left，right，up-left，up-right，down-left或down-right：

<button data-balloon="Whats up!" data-balloon-pos="up">Hover me!</button>
<button data-balloon="Whats up!" data-balloon-pos="left">Hover me!</button>
<button data-balloon="Whats up!" data-balloon-pos="right">Hover me!</button>
<button data-balloon="Whats up!" data-balloon-pos="down">Hover me!</button>

<button data-balloon="Whats up!" data-balloon-pos="up-left">Hover me!</button>
<button data-balloon="Whats up!" data-balloon-pos="up-right">Hover me!</button>
<button data-balloon="Whats up!" data-balloon-pos="down-left">Hover me!</button>
<button data-balloon="Whats up!" data-balloon-pos="down-right">Hover me!</button>

链接: https://www.fly63.com/nav/1665