艺宵网 资源分享 一组开源免费的Web动画图标,荐给需要的设计师和程序员

一组开源免费的Web动画图标,荐给需要的设计师和程序员

介绍 titanic是在Github上开源的一组免费的动画图标,可以将其简单的运用到网页中,而且代码及其简单,…

介绍

titanic是在Github上开源的一组免费的动画图标,可以将其简单的运用到网页中,而且代码及其简单,但是动画效果却很不错,动画图标和静态图标的不同之处在于它可以让你的网页更加富有活力,让产品更加具备视觉吸引力,一起来看看!


一组开源免费的Web动画图标,荐给需要的设计师和程序员

开源首页

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、以下是一个完成的示例:

 

都有哪些动画图标?

通过截图大致了解,可以直接访问官方网站查看动画效果:


一组开源免费的Web动画图标,荐给需要的设计师和程序员

一组开源免费的Web动画图标,荐给需要的设计师和程序员

一组开源免费的Web动画图标,荐给需要的设计师和程序员

一组开源免费的Web动画图标,荐给需要的设计师和程序员

一组开源免费的Web动画图标,荐给需要的设计师和程序员

一组开源免费的Web动画图标,荐给需要的设计师和程序员

一组开源免费的Web动画图标,荐给需要的设计师和程序员

一组开源免费的Web动画图标,荐给需要的设计师和程序员

一组开源免费的Web动画图标,荐给需要的设计师和程序员

一组开源免费的Web动画图标,荐给需要的设计师和程序员

一组开源免费的Web动画图标,荐给需要的设计师和程序员

每个人都喜欢个性鲜明的页面。通过200个动画图标包,使Web和移动用户界面更具视觉吸引力。

总结

titanic是一组丰富的动画图标,可以让你的网页极具视觉吸引力,是设计师和前端工程师的不二之选,感兴趣的可以尝试!

本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。http://www.yixao.net/share/16335.html
Vedu

作者: Vedu

这个人很懒,什么都没有留下~

发表评论

联系我们

联系我们

15378714280

在线咨询: QQ交谈

邮箱: yixaonet@163.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部