龙空技术网

Tippy.js - 免费开源且高度可定制的气泡提示独立组件

那些免费的砖 607

前言:

如今看官们对“css气泡提示”可能比较关切,兄弟们都想要知道一些“css气泡提示”的相关资讯。那么小编在网上搜集了一些关于“css气泡提示””的相关文章,希望小伙伴们能喜欢,同学们快快来学习一下吧!

推荐一个非常优秀的 web 气泡提示独立UI组件。

介绍

Tippy.js 是一款用于Web的完整工具提示,弹出菜单,下拉菜单和菜单解决方案。适用于鼠标,键盘和触摸输入。

Tippy.js 官网截图

特点超轻量的纯 javascript 实现,无依赖; 不仅支持纯文本提示,也支持强大的html内容,支持嵌套;除了IE都支持,浏览器兼容性好,在低端设备也能够保持很高的性能;通过自定义CSS样式进行高度定制,包括额外的主题和酷炫的动画。使用体验

这是一个几乎包含所有能想到的气泡提示组件该有的功能,并且仍然保持清亮简洁的一个js组件库,内置的主题已经能满足很多项目的开发需求,除了常见的文本提示,也可以通过往容器里放html代码来作为菜单、复杂悬浮框的交互效果,非常的强大,很适合用于操作复杂的、需要提示的工具类产品。

参数强大的api

支持主题定制

菜单嵌套示例

很多UI组件库都有类似的气泡提示组件,但如果你只是面对有气泡提示需求的工具类项目,也有根据设计师的视觉稿定制主题的需要,Tippy.js 可能是更好的选择。

免费使用说明

Tippy.js 在 github 开源,可以自由下载学习和免费使用,包括商用。这是独立组件中非常不错的一个小组件,祝各位搬砖愉快。

关注我,持续更新设计、前端圈免费开源、可商用资源。

↓↓点【了解更多】查看本次分享的相关网址。

标签: #css气泡提示