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>

思源资源网：分类流动

1.阿里云: 本站现在使用的是阿里云主机，平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各种产物的最新流动，优惠券领取点击进入

3.广告同盟: 整理了现在主流的广告同盟平台，若是你有流量，可以作为参考选择适合你的平台点击进入

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

发表于 2021-02-11 16:54
阅读 ( 269 )
分类：互联网

balloon.css

0 条评论

你可能感兴趣的文章

相关问题