八个解决你80%需求的CSS动画库
2024-09-05 04:47:52
八个解决你80%需求的CSS动画库
在学习和工作的过程中,我们总免不了要写各种各样的css动画,给某个部分添加动画效果,如果觉得自己写的动画效果单一乏味,不妨试试这8个CSS动画库,值得收藏使用。
开箱即用的鼠标悬停动画,支持的动画类型有:
- 2D Transitions (2D过度)
- Background Transitions (背景过度)
- Icons Transitions (图标过度)
- Border Transitions (边框过度)
- Shadow and Glow Transitions(阴影过度)
- Speech Bubbles (气泡效果过度)
- Curls (卷积过度)
一款跨浏览器的简单便捷的CSS动画库
提供了非常丰富的动画效果,目前很多开源项目都用到了它
H5-Dooring和DooringX也内置了很多它的动画效果
动画效果非常震撼,如果大家想做一个比较炫酷的网站,可以参考使用这款css库
一个能够提供震动和晃动Dom元素的CSS库
在移动端模仿手机震动,QQ窗口震动
五、hint.css
一个用纯 css 和 html 实现的提示库. 体积超级小, 对于一些位置固定的提示场景, 非常有用,
不用担心包体积过大的烦恼~
六、kite.css
一个兼容性极好且灵活的布局 css 库. 使用inline-block,基于 OOCSS 和 MindBEMding, 可以
帮助我们快速构建组件.
Three Dots是一组CSS加载动画,它由三个点组成,而这些点仅由单个元素组成。
用法
只需创建一个div元素,并添加动画的名称
<div class="dot-elastic"></div>
如果使用不同的生成器,Angrytools实际上是一个集合,其中还包括CSS动画生成器。
它可能不像Animista那么复杂,这个站点还提供了一些自定义动画的特性,比如动画的持续时间
或延迟。
还可以在其展示时间轴上添加自定义的keyframes,然后可以直接在其中编写代码。 另外,也可以
编辑现有的。
当完成的时候,可以得到完整的动画代码,也可以下载它。
最新文章
- Tomcat下conf下server.xml的文件配置信息
- Java关键字用法及区别
- SU unif2命令学习
- DataSnap如何监控Tcp/IP客户端的连接情况
- msyql判断记录是否存在的三种方法
- StrongReference
- ■[iOS] Interface type cannot be statically allocated の原因と対応
- CentOS 7 安装Python pip
- stm32通过电调带动电机(可按键调速)
- golang 类型断言的学习
- 【iOS】OC-Quartz2D简单使用
- python3元组
- python之单元测试_生成测试报告
- Java核心技术卷一基础知识-第14章-多线程-读书笔记
- 2017-2018-2 20165221实验二《Java面向对象程序设计》实验报告
- linux中通过lsof恢复删除的文件,前题是fd被占用。
- lvs+dr模式(关键操作)
- day47
- 高斯—若尔当(约当)消元法解异或方程组+bitset优化模板
- Android Studio每日小技巧
热门文章
- 学习Linux须知1.0之Linux相关概念、工具(yum、vim)、防火墙等
- 20212115 实验二 《python程序设计》实验报告
- SAM[详细~bushi]
- 【C++ 字符串题目】 输入三个人名,按字母顺序排序输出
- C++ 炼气期之基本结构语法中的底层逻辑
- USB机械键盘改蓝牙键盘
- C语言学习之我见-memchr()内存查找字符函数
- 自己封装的tools.js文件
- React与Koa一起打造一个功能丰富的全栈个人博客(业务篇)
- ssm框架layui分页下标中文乱码,或者请选择中文乱码,提示乱码等