# Animate.css
[![GitHub Version](https://img.shields.io/github/release/daneden/animate.css.svg?style=for-the-badge)](https://github.com/daneden/animate.css) [![Github Star](https://img.shields.io/github/stars/daneden/animate.css.svg?style=for-the-badge)](https://github.com/daneden/animate.css) [![Github Fork](https://img.shields.io/github/forks/daneden/animate.css.svg?style=for-the-badge)](https://github.com/daneden/animate.css) [![License](https://img.shields.io/github/license/daneden/animate.css.svg?style=for-the-badge)](https://github.com/daneden/animate.css)
> If you need the old docs - v3.x.x and under - you can find it [here](https://github.com/animate-css/animate.css/tree/a8d92e585b1b302f7749809c3308d5e381f9cb17).
## _Just-add-water CSS animation_
## Installation
Install with npm:
```shell
npm install animate.css --save
```
Install with yarn:
```shell
yarn add animate.css
```
## Getting started
You can find the Animate.css documentation on the [website](https://animate.style/).
## Accessibility
Animate.css supports the [`prefers-reduced-motion` media query](https://webkit.org/blog/7551/responsive-design-for-motion/) so that users with motion sensitivity can opt out of animations. On supported platforms (currently all the majors browsers and OS), users can select "reduce motion" on their operating system preferences and it will turn off CSS transitions for them without any further work required.
## Core team
| ![](https://avatars2.githubusercontent.com/u/439365?s=460&u=512b4cc5324938ae40bbb8f3b7769d335953cd3a&v=4) | ![](https://avatars2.githubusercontent.com/u/5007208?s=460&u=418401ee605824272e5dcb955fd64ea24546a857&v=4) | ![](https://avatars1.githubusercontent.com/u/15052701?s=460&u=9e58364978379536d3f26c4ce5cae1a2a449a0e4&v=4) |
| --- | --- | --- |
| [Daniel Eden](https://github.com/daneden) | [Elton Mesquita](https://github.com/eltonmesquita) | [Waren Gonzaga](https://github.com/WarenGonzaga) |
| Animate.css creator | Maintainer | Core contributor |
## License
Animate.css is licensed under the MIT license. <https://opensource.org/licenses/MIT>
## Code of Conduct
This project and everyone participating in it is governed by the [Contributor Covenant Code of Conduct](CODE_OF_CONDUCT.md). By participating, you are expected to uphold this code. Please report unacceptable behavior to [callmeelton@gmail.com](mailto:callmeelton@gmail.com).
## Contributing
Pull requests are the way to go here. We only have two rules for submitting a pull request: match the naming convention (camelCase, categorised [fades, bounces, etc]) and let us see a demo of submitted animations in a [pen](https://codepen.io). That **last one is important**.
没有合适的资源?快使用搜索试试~ 我知道了~
animate(CSS动画库)
共145个文件
css:106个
md:15个
mjs:6个
需积分: 22 3 下载量 35 浏览量
2022-07-15
19:04:58
上传
评论
收藏 174KB ZIP 举报
温馨提示
animate css最新4.1.1文件打包下载 制作前端动画效果,GitHub搬运方便下载
资源详情
资源评论
资源推荐
收起资源包目录
animate(CSS动画库) (145个子文件)
CNAME 13B
animate.css 93KB
animate.min.css 70KB
animate.min.css 70KB
animate.compat.css 69KB
style.css 9KB
animate.css 4KB
_base.css 1KB
flip.css 891B
bounce.css 714B
wobble.css 625B
jello.css 616B
bounceIn.css 600B
flipInX.css 559B
flipInY.css 559B
bounceInRight.css 534B
bounceInDown.css 531B
bounceInLeft.css 529B
bounceInUp.css 527B
hinge.css 495B
headShake.css 443B
zoomOutDown.css 441B
zoomOutUp.css 435B
rubberBand.css 424B
tada.css 418B
zoomInRight.css 408B
zoomInLeft.css 405B
zoomInDown.css 405B
zoomInUp.css 399B
flipOutY.css 396B
flipOutX.css 396B
lightSpeedInRight.css 365B
heartBeat.css 363B
lightSpeedInLeft.css 362B
swing.css 357B
pulse.css 326B
jackInTheBox.css 325B
bounceOut.css 323B
bounceOutDown.css 317B
bounceOutUp.css 312B
rollIn.css 303B
zoomOutRight.css 292B
zoomOutLeft.css 288B
backOutRight.css 283B
backOutLeft.css 281B
backInRight.css 280B
backOutDown.css 279B
backInDown.css 278B
backInLeft.css 278B
backOutUp.css 274B
shakeY.css 273B
shakeX.css 273B
backInUp.css 271B
shake.css 270B
rollOut.css 267B
rotateInDownRight.css 263B
rotateInDownLeft.css 260B
rotateInUpRight.css 258B
rotateInUpLeft.css 253B
bounceOutRight.css 246B
lightSpeedOutRight.css 245B
lightSpeedOutLeft.css 244B
bounceOutLeft.css 243B
fadeOutBottomRight.css 233B
rotateIn.css 232B
fadeOutBottomLeft.css 231B
rotateOutDownRight.css 230B
fadeInBottomRight.css 230B
fadeInBottomLeft.css 228B
rotateOutDownLeft.css 225B
fadeOutTopRight.css 225B
fadeOutTopLeft.css 223B
rotateOutUpRight.css 223B
fadeInTopRight.css 222B
fadeInRightBig.css 221B
rotateOutUpLeft.css 220B
fadeInTopLeft.css 220B
fadeInDownBig.css 219B
fadeInLeftBig.css 219B
fadeInUpBig.css 212B
fadeInRight.css 210B
fadeInLeft.css 208B
fadeInDown.css 208B
slideOutRight.css 208B
slideOutLeft.css 206B
slideInRight.css 206B
slideOutDown.css 205B
slideInLeft.css 204B
slideInDown.css 204B
fadeInUp.css 201B
slideOutUp.css 200B
rotateOut.css 197B
slideInUp.css 197B
zoomOut.css 189B
fadeOutRightBig.css 187B
fadeOutLeftBig.css 185B
fadeOutDownBig.css 184B
fadeOutUpBig.css 179B
fadeOutRight.css 176B
fadeOutLeft.css 174B
共 145 条
- 1
- 2
每天三点睡
- 粉丝: 35
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0