介绍
titanic是在Github上开源的一组免费的动画图标，可以将其简单的运用到网页中，而且代码及其简单，但是动画效果却很不错，动画图标和静态图标的不同之处在于它可以让你的网页更加富有活力，让产品更加具备视觉吸引力，一起来看看！
开源首页
https://github.com/icons8/titanic
如何安装使用？
安装使用及其简单，可以通过CDN或npm安装它：
npm install titanic-icons –save
将代码引入你网页的head中后：
在body中初始化：
这样，你就可以在HTML中使用任意位置以下标签添加图标：
chat可以是以下任一一种：
- caps
- chat
- checkbox
- expand
- cheap
- expensive
- idea
- mailbox
- mic
- no-mic
- online
- pause
- power
- shopping
- smile
- stop
- unlock
- zoom
API
1、titanic.isInitialized（）
判断是否初始化成功
2、titanic.items
获取titanic集合
3、titanic.items[index].on(), titanic.items[index].off(), titanic.items[index].play()
按索引播放titanic的动画
4、titanic.on(token), titanic.off(token), titanic.play(token)
通过名称播放泰坦尼克号物品的动画
5、以下是一个完成的示例：
都有哪些动画图标?
通过截图大致了解，可以直接访问官方网站查看动画效果：
每个人都喜欢个性鲜明的页面。通过200个动画图标包，使Web和移动用户界面更具视觉吸引力。
总结
titanic是一组丰富的动画图标，可以让你的网页极具视觉吸引力，是设计师和前端工程师的不二之选，感兴趣的可以尝试！
内容出处：，
声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/share/16335.html
微信扫一扫
支付宝扫一扫
相关推荐
-
百度开源低代码前端框架–amis，提升前端效率必杀技
介绍 amis 是一个低代码前端框架，它使用 JSON 配置来生成页面，可以节省页面开发工作量，极大提升开发前端页面的效率。通过 JSON 配置就能生成各种后台页面，极大减少开发成…
-
BrnShop–国内最好的.NET开源电商平台之一
说起国内早期的.NET开源电商平台，那就不得不提BrnShop与BrnMall，它们在国内开源.NET电商平台画上了浓重的一笔。但随着时间的推移，有很多过去开源的项目渐渐都不维护更…
-
imagegallery–支持缩略图的React图片预览组件
介绍 react-image-gallery是一款支持缩略图的实用性图片预览组件，具备自动播放的功能，以及大量的自定义配置，属于比较实用一类的组件！ Github https://…
-
Portainer：一个docker可视化web界面
今天分享一个docker的可视化界面，虽然很多小伙伴觉得docker-cli舒服，但是web界面也有独特的魅力，比如看起来直观，方便。 Portainer是一个开源、轻量级Dock…
-
突破云盘限速 下载器 基于Aria2百度网盘免登陆高速下载工具
下载器是一款强大免费的百度网盘免登陆高速下载工具，Pandownload 倒下了 但是跟百度网盘竞争下载速度的第三方工具永远都不会停止，采用Aria2/Saldl命令行下载的百度网…
-
一键测试VPS到国内速度脚本 SuperBench.sh
我们买国外VPS服务器测试网络通常会用到speedtest，speedtest默认是测试到最近的节点，那么到国内速度如何呢？虽然可以指定服务器编号，但是一个个测试还是比较麻烦的，这…
-
pearProject：一个轻量级的在线项目/任务协作系统
本期推荐的是一个轻量级的在线项目/任务协作系统——pearProject。 PearProject，梨子项目管理系统，一款轻量级的在线项目/任务协作系统，目前已支持项目管理、任务管…
-
超级全的第三方登录开源组件
第三方登录，基于用户在第三方平台上已有的账号和密码来快速完成己方应用的登录或者注册的功能。而这里的第三方平台，一般是已经拥有大量用户的平台，比如GitHub、微博、微信、QQ 等。…
-
良心推荐7款免费且高效的工具，能解决你遇到的很多难题
这次学长花了很久给大家总结了这7个工具和网站，都是学长自己用过然后推荐给大家的，一起来看看吧，希望对你有所帮助。 1、独特工具箱 独特工具箱是一个集合工具的网站，不仅有上百个好用的…
-
Linux Lab v0.5正式发布 功能强大、用法简单
Linux Lab 是一套用于 Linux 内核学习、开发和测试的即时实验室，可以极速搭建和使用，功能强大，用法简单！ 可以用它来高效地学习处理器架构、Linux 内核、嵌入式 L…