关键词：
简介
animate.css是一个来自国外的 CSS3 动画库，它预设了引起弹跳（bounce）、摇摆（swing）、颤抖（wobble）、抖动（shake）、闪烁（flash）、翻转（flip）、旋转（rotate）、淡入淡出（fade）、滑动（Sliding）、光速（lightspeed）、缩放变焦（Zoom）、翻滚（roll）等多达 70 多种动画效果，借助 animate.css 能够很方便、快速的制作 常见的动画效果。当然animate.css只兼容支持 CSS3 animate 属性的浏览器，他们分别是：IE10+、Firefox、Chrome、Opera、Safari。
使用方法
1、引入文件
<link rel="stylesheet" href="animate.min.css">
2、在html中调用
<h1 class="animated bounceOut">Animate.css</h1>
给元素加上class属性，animated是必须加的，bounceOut是动画效果的名称。
也可以使原生JS或得Jquery动态添加使用动画,只要在需要动画的元素的class上加对应的动画名称即可，比如
$(function(){
$(‘#jqhtml‘).addClass(‘animated bounce‘);
});
animate.css 的默认设置也许有些时候并不是我们想要的，所以你可以重新设置，比如：
#jqhtml{
animate-duration: 2s; //动画持续时间
animate-delay: 1s; //动画延迟时间
animate-iteration-count: 2; //动画执行次数
}
<a href="http://www.jqhtml.com/yanshi?demourl=wp-content%2Fuploads%2F2017%2F01%2Ftx%2Ftx20170192%2F&demotitle=CSS3动画库animate.css">在线演示
示例
以下是前端库为大家收集的特效
66种基于animate.css的CSS消息提示动画效果
基于magnific-popup.js和animate.css的响应式lightbox特效
基于Animate.css的炫酷jQuery消息通知框插件
SVG文字动画特效插件AnimatedLetters
基于Animate.css的jQuery全屏幻灯片插件
下载地址
http://www.jqhtml.com/910.html
uni-app引入css动画库
引入Animate动画库Animate中文网地址：http://www.animate.net.cn/Animate下载地址：https://daneden.github.io/animate.css/下载Animate.css在app.vue中引入动画库使用动画库：animated+动画End! 查看详情
3.vue中导入animate.css动画库swiper轮播图组件
1.vue中导入animate.css动画库 2.vue中使用Swiper轮播图插件 注意：swiper常用设置 查看详情
css3常用动画+动画库
animate.css是来自dropbox的工程师DanielEden开发的一款CSS3的动画效果小类库。包含了60多款不同类型的CSS3动画，包括：晃动，闪动，各种淡出淡出效果，如果你想快速的整合各种CSS3动画特效的话，使用它即可方便的实现。 查看演... 查看详情
第三方动画库使用方法
第三方动画库的使用1.名字叫:animate.css2.封装了很多工作中常用的动画3.在使用第三方时候,需要加上animated类名首先https://daneden.github.io/animate.css/下载animate.csslink进head中第一种方法<divclass="myWorld">我的世界</div><style>.my... 查看详情
css3动画库收集
1.animate.css–齐全的CSS3动画库http://www.dowebok.com/98.html 2.Angular官方动画库http://augus.github.io/ngAnimate/git地址：https://github.com/Augus/ngAnimate 查看详情
animate.css
跨浏览器的CSS3动画库，使用方便animate.css是一个集合酷的，有趣的和跨浏览器的动画。基本用法在页面的<head>中引入样式文件：<linkrel="stylesheet"href="https://cdn.bootcss.com/animate.css/3.5.2/animate.css">给你想要添加动画效果的元... 查看详情
在vue中使用animate.css
animate.css是一款前端动画库，相似的有velocity-animate用法：首先npminstallanimate.css--save然后在vue文件的script中引入：import$from‘../assets/js/jquery.js‘;importanimatefrom‘animate.css‘最后绑定元素使用：<template><divclass="song 查看详情
41vue使用第三方动画库(代码片段)
[动画]如何在Vue中使用第三方动画库Animate.css阐述自定义动画选择方法一：给transition标签一个name方法二：自行制定CSS选择名称使用第三方动画库总结阐述这节我们一起学习一下，如何在Vue中使用第三方动画库Animate.css... 查看详情
前端资源大整理
资源不断更新中。。。动画库1.Animate.css说明：一个简单易用的跨浏览器CSS动画库。GitHub主页：https://github.com/daneden/animate.css2.CSShake说明：用CSS实现各种颠颤动画效果DOM！GitHub主页：https://github.com/elrumordelaluz/csshake3.Hover.css说明：... 查看详情
7.1万star！超实用，60多种动画效果的css库
【导语】：animate.css是一个有趣的，跨浏览器的CSS3动画库。简介animate.css是一个有趣的，跨浏览器的css3动画库，兼容性好，使用方便。它预设了抖动、闪烁、弹跳、翻转、旋转、淡入淡出等多达60多种动画效果，几乎包含了所有... 查看详情
大标题在此
在CSS过渡和动画中自动处理class可以配合使用第三方CSS动画库，如Animate.css在过渡钩子函数中使用JavaScript直接操作DOM可以配合使用第三方JavaScript动画库，如Velocity.js 查看详情
学习vue第十一节，使用使用其他动画库完成vue动画效果(代码片段)
https://animate.style/ animate.css<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><scriptsrc="lib/vue-2.4.0.js"type="text/javascript"cha 查看详情
Animate.css 和 Angular 4
】Animate.css和Angular4【英文标题】：Animate.cssandAngular4【发布时间】：2018-06-0213:09:48【问题描述】：我已经摸索了一下，似乎真的没有直接的方法可以让Animate.css动画在Angular中工作。这意味着，动画本质上需要从Animate.css库中剥离... 查看详情
vue中的动画效果(代码片段)
...和动画中自动应用class可以配合使用第三方CSS动画库，如Animate.css在过渡钩子函数中使用JavaScript直接操作DOM可以配合使用第三方JavaScript动画库，如Velocity.js下面分别从这个4个工具来学习Vue动画效果。一、单元素/组件的过渡Vue提... 查看详情
vue2.0过度动画(代码片段)
...画中自动应用class. 可以配合使用第三方css动画库，如animate.css 在过渡钩子函数中使用javascript直接操作DOM 可以配合使用第三方javascript动画库，如Velocity.js一、单元素/组件的过渡Vue提供了transition的封装组建，在下列情... 查看详情
前后端学习日常
...解决前端项目的复杂化，将分模块开发的功能进行打包2.Animate.css-预设css3动画库，用于前端交互展示动画特效3.HTML-CSS-JSPrettify-sublime代码格式化(美化)插件 查看详情
aos.js超赞页面滚动元素动画jquery动画库
aos.js超赞页面滚动元素动画jQuery动画库插件描述：aos.js 是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果，以及多种easing效果。在页面往回滚动时，元素会恢复到... 查看详情
vue2中文文档：进入离开和列表过度(代码片段)
...和动画中自动处理class可以配合使用第三方CSS动画库，如Animate.css在过渡钩子函数中使用JavaScript直接操作DOM可以配合使用第三方JavaScript动画库，如Velocity.js 单元素/组件的过渡Vue提供了 transitio 查看详情