Animate.css:随便添加CSS动画-开源

  • L8_378003
    了解作者
  • 179KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-10 03:19
    上传日期
Animate.css是一个跨浏览器库,包含有趣CSS动画。 当您需要在项目中添加一些动感和震撼力时,只需滑动这些仅添加水的动画之一,即可观看视觉效果显着改善! 使用Animate.css动画非常简单。 仅需几个步骤就可以得到一个很棒CSS动画元素。 从各种各样的动画中进行选择,并控制它们的速度。 使用这些动画来表达,强调,吸引注意力,或者只是使项目看起来生动活泼。
v4.1.1.zip
  • animate-css-animate.css-e8c4fab
  • source
  • attention_seekers
  • bounce.css
    714B
  • shakeY.css
    273B
  • wobble.css
    625B
  • shake.css
    270B
  • pulse.css
    326B
  • tada.css
    418B
  • rubberBand.css
    424B
  • heartBeat.css
    363B
  • swing.css
    357B
  • flash.css
    136B
  • jello.css
    616B
  • shakeX.css
    273B
  • headShake.css
    443B
  • fading_entrances
  • fadeInBottomRight.css
    230B
  • fadeInRightBig.css
    221B
  • fadeInRight.css
    210B
  • fadeInTopLeft.css
    220B
  • fadeInTopRight.css
    222B
  • fadeInLeft.css
    208B
  • fadeInUpBig.css
    212B
  • fadeInDownBig.css
    219B
  • fadeInUp.css
    201B
  • fadeIn.css
    118B
  • fadeInBottomLeft.css
    228B
  • fadeInLeftBig.css
    219B
  • fadeInDown.css
    208B
  • lightspeed
  • lightSpeedInRight.css
    365B
  • lightSpeedOutRight.css
    245B
  • lightSpeedInLeft.css
    362B
  • lightSpeedOutLeft.css
    244B
  • back_exits
  • backOutDown.css
    279B
  • backOutRight.css
    283B
  • backOutLeft.css
    281B
  • backOutUp.css
    274B
  • flippers
  • flipOutY.css
    396B
  • flipInX.css
    559B
  • flipOutX.css
    396B
  • flipInY.css
    559B
  • flip.css
    891B
  • rotating_exits
  • rotateOutDownRight.css
    230B
  • rotateOutUpLeft.css
    220B
  • rotateOutDownLeft.css
    225B
  • rotateOut.css
    197B
  • rotateOutUpRight.css
    223B
  • bouncing_exits
  • bounceOutLeft.css
    243B
  • bounceOutUp.css
    312B
  • bounceOutDown.css
    317B
  • bounceOutRight.css
    246B
  • bounceOut.css
    323B
  • rotating_entrances
  • rotateIn.css
    232B
  • rotateInUpLeft.css
    253B
  • rotateInDownLeft.css
    260B
  • rotateInUpRight.css
    258B
  • rotateInDownRight.css
    263B
  • fading_exits
  • fadeOutLeftBig.css
    185B
  • fadeOutLeft.css
    174B
  • fadeOutBottomLeft.css
    231B
  • fadeOutDown.css
    173B
  • fadeOutUpBig.css
    179B
  • fadeOutRight.css
    176B
  • fadeOutBottomRight.css
    233B
  • fadeOutTopRight.css
    225B
  • fadeOutRightBig.css
    187B
  • fadeOutUp.css
    168B
  • fadeOutDownBig.css
    184B
  • fadeOutTopLeft.css
    223B
  • fadeOut.css
    121B
  • specials
  • rollOut.css
    267B
  • jackInTheBox.css
    325B
  • rollIn.css
    303B
  • hinge.css
    495B
  • bouncing_entrances
  • bounceInUp.css
    527B
  • bounceInRight.css
    534B
  • bounceInDown.css
    531B
  • bounceIn.css
    600B
  • bounceInLeft.css
    529B
  • zooming_exits
  • zoomOutDown.css
    441B
  • zoomOutLeft.css
    288B
  • zoomOut.css
    189B
  • zoomOutUp.css
    435B
  • zoomOutRight.css
    292B
  • sliding_exits
  • slideOutRight.css
    208B
  • slideOutLeft.css
    206B
  • slideOutDown.css
    205B
  • slideOutUp.css
    200B
内容介绍
# 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**.
评论
    相关推荐