美文网首页前端开发
一个能解决你百分之九十需求的文字动效库

一个能解决你百分之九十需求的文字动效库

作者: 老鱼的储物柜 | 来源:发表于2022-12-20 22:20 被阅读0次

哈喽,我是老鱼!

不知道大家有没有被设计的文字动效需求给为难过,大师兄公司里的设计师就及其的喜欢设计各种花里胡哨的动画效果,尤其是文字动效,什么淡入淡出、旋转放大、回弹渐隐,每一次的花样还不一样,头一开始确实把大师兄为难坏了

俗话说一个不会 CV 的前端一定当不了一个好的工程师,大师兄找到了一个神奇的文字动画库今天我就把这个库分享给大家

cssanimation.io

cssanimation.io是一不同动画的集合,功能很强大,总共大概有200多个不同的动画。

它的工作原理与 Animista 类似。可以选择一个动画直接从站点获取代码,或者也可以下载整个库。

安装使用

1、引入样式表

<link href="https://cdn.jsdelivr.net/gh/yesiamrocks/cssanimation.io@1.0.3/cssanimation.min.css" rel="stylesheet">

动效类型

还有很多种动效,这些动效直接解决了我90%的需求,从此以后又能快乐的摸鱼了

项目地址:https://cssanimation.io/

✏️ 写在最后

我是老鱼,一名致力于在技术道路上的终身学习者、实践者、分享者!

如果我的内容能对你有所帮助,一个赞同和喜欢鼓励一下下~

相关文章

  • 一个能解决你百分之九十需求的文字动效库

    哈喽,我是老鱼! 不知道大家有没有被设计的文字动效需求给为难过,大师兄公司里的设计师就及其的喜欢设计各种花里胡哨的...

  • 动效解决方案 Animate.css

    一、 Animate.css 是一个跨浏览器的动效基础库,是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动...

  • Principle: 做动效,选对软件很重要

    你有多久没做动效了?平时的工作主要是终端视觉设计,功能需求加运营需求,静态稿件加动效设计,从比例来看,动效设计其实...

  • 分分钟就可以让你的页面动起来

    网页动效了解一下,很多前端工程师收到的项目开发书里都会有让页面动起来的需求。那么掌握以下动效库,分分钟就能让你的网...

  • ios 动画效果网址

    一. pop动效库 https://github.com/facebook/pop 使用pop的动效Demo...

  • 爱了爱了,这样的文字动画让你爱不释手

    前言 偶然逛国外博客,看到了一个介绍文字动画的库,进入 pub 一看,立马就爱上这个动画库了,几乎你能想到的文字动...

  • #交互动效#

    使用PPT做动效 1.牢记设计目标 不为动效而动效,思考需求和场景,确定目标; 2.快速展示呈现 只为快速准确地表...

  • bodymovin踩坑记(GIF/序列动画/svga对比)

    工作中遇到要给扫脸门禁机界面配“科技感”动效的需求。要做一个带光效的动效。做GIF以后,开发在安卓系统门禁机上播放...

  • 动效解决方案ChoreographerJS

    一、choreographerJS 一个实现滚动实现复杂动效的库 官网 https://christinecha....

  • PopAnimation入门

    开元大法好,首先感谢Facebook开源了POP动效库,让人人都能制作出华丽的动效。 在GitHub上打开Pop的...

网友评论

    本文标题:一个能解决你百分之九十需求的文字动效库

    本文链接:https://www.haomeiwen.com/subject/fqoyqdtx.html