Web设计者应该对tooltips鼠标悬停提示效果不陌生，虽然这种效果可以直接用csshover来实现，但是如果想要更友好美观的效果，可能需要用JS来实现。今天给大家分享的Tippy.js是一款非常不错的鼠标悬念插件，提示信息的用法和样式多种多样，而且轻量级。Tippy.js是一个轻量级的纯jstooltip工具提示插件。tooltip插件功能强大，提供多种动画效果和主题效果，允许用户自定义tooltip主题，使用html代码作为tooltip模板。截图展示了鼠标经过最基本的效果。如果你想让设备在不同的方向，你还可以添加箭头样式，比如上、下、左、右，让提示更清晰。tooltips提示效果可以添加动画效果，这里只展示。一小部分提示效果也可以设置样式，可以在提示框中添加HTML元素。其他效果安装npm安装Tippy.js插件';import'tippy.js/dist/tippy.css';外部参考使用说明Tippy.js在github上开源，可以免费下载、学习和使用，包括商业用途。这是独立组件中非常不错的一个小组件，祝您搬家愉快。本期结束，分享到这里。我是小编NanfengChui，专注于分享好玩、有趣、新颖、实用的开源项目、开发者工具、学习资源！希望和大家一起学习交流。欢迎来到我的公众号【Github导航站】。之前的推荐太美了！拥有3个开源图标库，再也不用请设计师了。10个你从未见过的vue.js库！用得好，事半功倍！太及时了！13个SpringBoot培训项目，用好，升职加薪也不愁还在从头到尾做项目？这6个SpringBoot项目用好，事半功倍！《00后缩略黑语言翻译器》上GitHub热榜，中年网友终于看懂年轻人的awsl
