一个能解决你百分之九十需求的文字动效库
2023-02-18 16:38:50 时间
大家好,我是前端实验室
的大师兄!
不知道大家有没有被设计的文字动效需求给为难过,大师兄公司里的设计师就及其的喜欢设计各种花里胡哨的动画效果,尤其是文字动效,什么淡入淡出、旋转放大、回弹渐隐,每一次的花样还不一样,头一开始确实把大师兄为难坏了
俗话说一个不会 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">
2、添加类名
动效类型
还有很多种动效,这些动效直接解决了我90%的需求,从此以后又能快乐的摸鱼了
项目地址:https://cssanimation.io/
相关文章
- React源码学习进阶篇(一)新版React如何调试源码?
- React源码学习进阶(二)初识Fiber架构
- React源码学习进阶(三)rootFiber的创建流程
- React源码学习进阶(四)render流程的入口逻辑详解
- React源码学习进阶(五)beginWork如何处理Fiber
- React源码学习进阶(六)completeWork究竟做了什么
- React源码学习进阶(七)挂载阶段的commitWork
- React源码学习进阶(八)setState底层逻辑
- MATLAB随机波动率SV、GARCH用MCMC马尔可夫链蒙特卡罗方法分析汇率时间序列|附代码数据
- R语言Apriori关联规则、kmeans聚类、决策树挖掘研究京东商城网络购物用户行为数据可视化|附代码数据
- 电量计基础知识介绍:
- 瞧瞧别人家的API接口,那叫一个优雅
- 暴增到 1k star 的开源项目,原来长这样!
- 程序员必备小技能:mac文件备份和清理、常用工具的安装和配置
- 前端小技能:Chrome DevTools中的操作技巧
- SOLIDWORKS 基于浏览器的角色 TOP 10 增强功能
- java小技能:对list集合根据条件进行分组、过滤和字段筛选
- mybatis-plus小技能
- Java小技能:快速创建List常用几种方式
- DBA的技术方向