介绍
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
微信扫一扫
支付宝扫一扫
相关推荐
-
突破云盘限速 下载器 基于Aria2百度网盘免登陆高速下载工具
下载器是一款强大免费的百度网盘免登陆高速下载工具，Pandownload 倒下了 但是跟百度网盘竞争下载速度的第三方工具永远都不会停止，采用Aria2/Saldl命令行下载的百度网…
-
解决百度网盘临时下载之需 PanDownload网页版
前两天PanDownload客户端用不了，试了下其网页版下载速度还不错，临时用用还挺适合。有时只是临时下载个东西或者在别的电脑上不方便安装客户端的可以试试这个网页版。 网页版地址：…
-
Windows10 LTSC激活密钥，2021年3月有效推荐
截至到2021.3.1，可在线激活的次数1078，其它版本直接数字激活即可。 Win 10 RTM EnterpriseS (LTSC 2019) Volume:MAK onlin…
-
Vue3.0 开源UI组件库
这段时间对于前端人来说，最大的惊喜莫过于期盼已久的Vue.js 3.0正式发布了。 之前就有很多小伙伴询问vue3组件库相关的问题。趁着vue.js 3.0发布的热潮，就给大家推荐…
-
OpenBLT Bootloader的使用分享
OpenBLT 简介 OpenBLT是一种开源引导加载程序，可以在任何微控制器上运行并使用任何类型的通信接口来执行软件更新，而无需专用的调试器硬件。 官网介绍页： https://…
-
Docker-mailserver–基于Docker的开源邮件服务器
Docker-mailserver是一个基于Docker的开源邮件服务器，旨在提供一个即插即用的邮件解决方案。该工程主要由docker-mailserver团队开发维护，并基于多个…
-
Intellij idea2020.2及以上(2020.3)简体中文快速激活，一步激活到2099年
2020.12.25 idea2020.3 之前的激活方式再次失效了！但是我的代码还要码下去啊。。。这下就让人难受了，不可能每次都卸载干净再重装吧，但是有句话我还是不得不讲：只要思…
-
ReconCat：一款基于PHP的文档URL快照提取工具
关于ReconCat ReconCat是一款基于PHP的文档URL快照提取工具，该工具基于PHP开发，可以帮助广大研究人员从archive.org获取文档URL快照。该工具支持获取…
-
如何基于K8s构建下一代DevOps平台？
阿里妹导读：OAM是阿里巴巴与微软联合推出的开放应用模型，旨在解耦应用研发、应用运维与基础设施人员在应用生命周期中各自的关注点，明晰责任与界限，聚焦自身业务，同时又依然能紧密协作。…
-
基于Webrtc服务器搭建音视频通话的详细步骤，附源码下载
基于Webrtc服务器搭建音视频通话。PineAppRtc为android webrtc客户端 ServerProject为服务端，包含房间服务器，信令服务器，穿透服务器。 ups…