网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。
这是一款轻量级简单的css动画提示工具库,可以为任何html5的dom元素添加data属性,创建动画提示工具。
特征:
支持4个方向:顶部、右侧、底部和左侧
支持任何字体和图标。
使用方法:
1.下载缩小版的Balloon.css并将其加载到网页中。
<link href="balloon.min.css" rel="stylesheet">
2.向给定元素添加顶部工具提示,如下所示:
data-balloon: 指定工具提示中显示的内容
data-balloon-pos=”up”: 指定工具提示方向。接受值: ‘up’, ‘right’, ‘down’ and ‘left’.
<div class="box"
data-balloon="帝国模板之家"
data-balloon-pos="up">
3.使用更改工具提示的大小data-balloon-length属性。接受值:“small”、“medium”、“large”、“xlarge”或“fit”。
<div class="box"
data-balloon="I'm a xlarge tooltip"
data-balloon-pos="down"
data-balloon-length="xlarge">
会员登陆后即可下载资源文件。更多好用网站特效插件,请关注帝国模板之家。
转载请注明来源:纯CSS简单的动画提示工具库
本文永久链接地址:https://www.moyouyouw.cn/code/736.html
郑重声明:本站所有主题/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除,谢谢!我们不承担任何技术及版权问题,且不对任何资源负法律责任。
已有 位小伙伴发表了看法
欢迎 你 发表评论