介绍
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
微信扫一扫
支付宝扫一扫
相关推荐
-
JeecgBoot2.4微服务正式版发布
项目介绍 JeecgBoot 是一款基于代码生成器的低代码平台！前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybat…
-
自媒体必备的6大神器，免费下载视频和音乐，超级实用赶紧收藏
很多人花一两个小时做影视剪辑，把大量时间浪费在下载素材上。今天就来解决你们这个问题，更快的进行二次创作! 一、兔二工具 一个很有范的工具合集，这个里面的功能非常强大，而且完全免费。…
-
MathJax–面向数学应用程序的Web应用显示引擎
介绍 MathJax是适用于所有现代浏览器的LaTeX，MathML和AsciiMath表示法的开源JavaScript显示引擎。它的设计目标是将网络技术的最新进展整合到支持主要浏…
-
免费开源Vue+element-ui动态路由开源unitui快速开发框架
前言 UnitUI是基于vue+element-UI的一个动态开发框架，它是以node.js和vuecli为支撑基础。那么我们开发的时候，就需要node.js和vuecli环境进行…
-
Hasor4.1.0发布轻量级开发框架 稳定性大幅提升
前言 Hasor 是一款基于 Java 语言的应用程序开发框架，它的核心设计目标是提供一个简单、切必要的环境给开发者。开发者可以在此基础上，通过 Hasor 强有力的粘合机制，构建…
-
免费开源的在线编辑器：Markdown
Markdown 是一种有用的轻量级标记语言，很多人喜欢用它来编写文档或做网页发布。 • 来源：linux.cn • 作者：Ankush Das • 译者：Xingyu.Wang …
-
PearOCR：免费无限制断网还能用！这OCR文字识别工具神了
想要把图片里的文字信息提取出来，现在虽然有许多方式，但很多都是将用户的图片信息上传到云端进行识别的，用户担心隐私问题。还有就是本地识别软件大多还是收费软件。这里小编要介绍一个无需安…
-
mall4j开源商城系统–商品规格SKU算法实现
本文主要介绍基于微信小程序实现电商SKU组合算法问题 ，这也是电商业务里比较复杂的一块内容了。下面先看下实现的效果： SKU点击切换效果 后台编辑商品时，将一些规格组合禁用，如： …
-
JSON在线工具 各种加解密网络工具站
今天搜索base64解密工具的时候发现一个不错的在线JSON网站，集合了各种网络工具，加解密、格式化、在线转换、正则、http相关等各种站长工具，值得收藏。 网站地址：https:…
-
petite-vue：尤雨溪的新作品
petite-vue 是 Vue 的替代发行版，针对渐进式增强进行了优化。它提供了与标准 Vue 相同的模板语法和反应性思维的模型。但是，它专门针对在服务器框架(比如 larave…