balloon.css

balloon.css

balloon.css 介绍

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://kazzkiq.github.io/balloon.css/

GitHub:https://github.com/kazzkiq/balloon.css

网站描述:纯 CSS 实现的简单提示插件

balloon.css官方网站

官方网站：https://kazzkiq.github.io/balloon.css/

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。