Animate.css

animate.css的使用

前面的话animate.css是一个使用CSS3的animation制作的动画效果的CSS集合，里面预设了很多种常用的动画，且使用非常简单。
bmw601055·2017-08-17 16:25

Vue学习笔记进阶篇之单元素过度

包括以下工具：在CSS过渡和动画中自动应用class可以配合使用第三方CSS动画库，如Animate.css在过渡钩子函数中使用JavaScript直接操作DOM可以配合使用第三方JavaScript动画库
Chain·2017-07-19 11:34

基于zepto.js实现手机相册功能

里面用到17张小图，17张大图，还有animate.css和zepto.min.js,都可以在网上找到。
罗点点·2017-07-11 17:16

JQuery中的动画插件

大家好，今天我给大家介绍de是我在做北京汇创这款pc端时所用到的动画WOW.jswow.js依赖animate.css，它支持animate.css多达60多种的动画效果，能满足各样的需求。
逍遥g·2017-06-29 22:40

vue过渡和animate.css结合使用详解

今天学习了vue过渡和animate.css结合使用，所以，添加一点小笔记。
22337383·2017-06-14 15:55

vue路由+子路由+具名路由demo实例(结合animate.css动画)

直接把代码copy下来自己运行吧子路由html,body{overflow:hidden;}首页列表首页{{item.text}}{{$route.params.rp}}-->iamfooterconstIndex={template:"#index"}constList={template:"#list",data(){return{items:[{text:'美女',url:'http://t
dokill·2017-05-24 22:09

vue和animate.css怎么结合使用

vue结合animate的使用，页面初始化成功显示相应效果CHANGE001002003newVue({el:'#box',data:{isShow:false},components:{'v-tpl':{template:'#tpl'}},//页面挂载完毕时更改状态mounted(){this.isShow=true;}})
dokill·2017-05-23 22:44

CSS3过渡动画&关键帧动画&animate.css动画库详解

本文并非原创，属于摘抄性质，并有个人的加工。一、过渡动画过渡（transition）动画，就是从初始状态过渡到结束状态这个过程中所产生的动画。所谓的状态就是指大小、位置、颜色、变形（transform）等等这些属性。Note：不是所有属性都能过渡，只有属性具有一个中间点值才具备过渡效果。点击查看完整列表。css过渡只能定义首和尾两个状态，所以是最简单的一种动画。注释：InternetExplore
前端xiyoki·2017-05-19 09:48

Vue的过渡效果

Vue在插入、更新或者移除DOM的时候，提供多种方式的应用过渡效果包括以下工具：在CSS过渡和动画中自动应用class可以配合第三方css动画库，如Animate.css在过渡钩子函数中使用JavaScript
Dear_Mr·2017-05-17 21:49

Vue的过渡效果

Vue在插入、更新或者移除DOM的时候，提供多种方式的应用过渡效果包括以下工具：在CSS过渡和动画中自动应用class可以配合第三方css动画库，如Animate.css在过渡钩子函数中使用JavaScript
Dear_Mr·2017-05-17 21:49

Vue自定义动画和animate.css使用

看过很多篇讲transition的文章，，我再废话一遍~还是接着上一篇的项目接着写1、自定义动画用将你需要用动画展示的内容包裹起来，比如路由视图：基于动画fadein，有4个关联的样式类：fadein-enter//初始状态fadein-enter-active//显示时的状态，即从初始状态变化而来的状态fadein-leave-active//离开时的状态fadein-leave//离开后的状态
SherrySherryBell·2017-05-16 16:49

推荐三两款前端动画库，anitmate.css, velocity-animate， anime,

在最近一段时间的工作里，常常用到动画，我主要接触了三个animate.cssanimevelocity下面分析一下他们的优缺点animate.css优点：animate.css主要是使用css实现动画效果
spademan·2017-04-30 00:00

Animate.css的初入门

推荐一个网站最牛前端Animate.css是css动画库,封装了一些动画效果想要使用的话直接在github上下载,因为是css库,所以直接使用link链入就可以了地址http://daneden.github.io
miner敏儿·2017-04-22 20:51

vue过渡

包括以下工具：在CSS过渡和动画中自动应用class可以配合使用第三方CSS动画库，如Animate.css在过渡钩子函数中使用JavaScript直接操作DOM可以配合使用第三方JavaScript动画库
寒梁沐月·2017-04-03 16:38

Vue.2.0.5过渡效果使用技巧

包括以下工具：在CSS过渡和动画中自动应用class可以配合使用第三方CSS动画库，如Animate.css在过渡钩子函数中使用JavaScript直接操作DOM可以配合使用第三方JavaScript动画库
jiangxiaobo·2017-03-16 10:51

动画插件—animate.css

下载插件：animate下载1.页面引入插件在你的index.html页面中引入这两个文件2.写js代码在js中写下面这句：$(function(){//动画效果newWOW().init();});3.在html页面中添加动画在index.html页面中找到需要添加动画效果的对象。如果是一大块内容，就直接找最靠近它并且包围它的大盒子，给盒子添加类：class="wow动画效果"，具体参考下面代码
erdouzhang·2017-03-09 15:52

css3 animation 和animate.css

最近在看一些关于css3动画的文章，主要是css3animation和animate.css。
baymax_510·2017-02-28 15:16

Animate.css动画库的使用

Animate.css动画库是一个能跨浏览器的有趣的css3动画库。
mxccc.cn·2017-02-10 22:36

Javascript正则匹配不含某子串

cssModule的情况下，同时又希望用一些global的布局，其实在cssModule中直接用:global(.title){color:green;}也是可以实现的，但是如果需要引入第三方css，如Animate.css
moyuyc·2017-01-12 00:00

强大而酷炫的CSS3动画库Animate.css使用方法

今天介绍一个强大的CSS3库Animate.css库如其名，是一个动画库通过它我们非常轻松地添加动画效果“Just-add-waterCSSanimations”像灌水一样简单我们只需要添加几个类名下载地址及动画效果戳这里
_accelerator_·2016-12-23 12:01

react动画难写？试试react版transformjs

动画实现方式传统web动画的两种方式：纯粹的CSS3：如：transition/animation+transform（大名鼎鼎的animate.css）JS+CSS3transition或者animation
【当耐特】·2016-12-19 09:00

jQuery/CSS3炫酷动画效果插件 animate

jQuery是一款很强大的JavaScript框架，本文介绍的9个应用插件很多都是基于jQuery的，另外，CSS3的应用让这些插件增添了不少光彩，特别是第一个动画插件Animate.css非常实用，可以让你实现
ejinxian·2016-08-26 09:33

Animate.css让添加CSS动画像喝水一样容易

animate.css是一堆很酷的，有趣的，跨浏览器的动画效果库，你可以随意在你的项目中使用。用在你想要突出的任何地方，如主页，滑块，这像喝水一样容易，迷死人了。
老虎帅呆了·2016-08-02 21:38

动画学习之Animate.css的使用与解析

近况近期生活比较单一。const提升自己=true;while(提升自己){写码...看书...思考...睡觉}既单一也充实，单一使我平静，充实使我保持向上的感觉，希望自己真难做到“持续学习，保持思考，不断进步”。最近看到腾讯ISUX团队的一篇博客《H5动效的常见制作手法》，里面简单介绍了现在H5开发中实现动画效果的几种方式（GIF，逐帧动画，css3，canvas，svg，video…），实际的
Sheldon_Law·2016-07-30 21:35

animate.css高大上的CSS3动画库

Animate.css是一款兼容多款浏览器的CSS3动画库，使用方便，效果绚丽。
aiolos1111·2016-07-22 18:16

css3动画简介以及动画库animate.css的使用

在这个年代，你要是不懂一点点css3的知识，你都不好意思说你是个美工。美你妹啊，请叫我前端工程师好不好。呃。。好吧，攻城尸。。。呵呵，作为一个攻城尸，没有点高端大气上档次的东西怎么能行呢，那么css3的动画就绝对是值得你拥有了，虽说IE9以及更早版本的IE浏览器都不支持css3动画，但是IE6-8浏览器已是江河日下，使用谷歌浏览器、火狐浏览器、IE10+浏览器以及移动端浏览器等这些支持css3动画
老虎帅呆了·2016-07-21 10:37

animate.css动画库使用方法介绍

animate.css动画库简介Animate.css是由DanEden的DanielEden使用CSS3的animation制作的动画效果的CSS集合。
xyphf_和派孔明·2016-07-13 16:52

WOW.js+animate.css让页面滚动时显示动画，使页面更有趣

mynameismatthieu.com/WOW/bootstrapCDN服务：http://www.bootcdn.cn/wow/1.wow.js实现了在网页滚动时的动画效果，有漂亮的动画效果，依赖于Animate.css
shirley云·2016-07-07 16:34

animate.css gulp转grunt

由于项目采用grunt编译，要用到animate.css，但是它的源码又需要gulp。所以转换一下是必须的。
fashionLee·2016-07-04 14:37

Animate.css 一款强大的预设css3动画库

1、首先引入animatecss文件2、给指定的元素加上指定的动画样式名这里包括两个class名，第一个是基本的，必须添加的样式名，任何想实现的元素都得添加这个。第二个是指定的动画样式名。3、如果说想给某个元素动态添加动画样式，可以通过jquery来实现：$('#yourElement').addClass('animatedbounceOutLeft');4、当动画效果执行完成后还可以通过以下代
dkmings·2016-06-23 23:41

animate.css动画样式详解

attentionseekersbounce：弹跳flash：闪烁pulse：脉冲（放大然后回到正常大小）rubberBand：橡皮筋shake：摇（左右）headShakeswing：摇摆（上下，以中心为原点）tada：（缩小然后摇摆，幅度比较小）wobble：摇晃（左右和上下都有，即沿着一个弧移动，比较快）jello：果冻（像果冻一样抖动）bouncingentrances(弹跳进入页面的动画
shirley云·2016-06-14 18:11

animate.css CSS3动画库

animate.css是一个来自国外的CSS3动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn
shirley云·2016-06-14 16:00

animate.css 实现移动端垂直滑动效果

html:*{margin:0;padding:0;}body{font-size:16px;}.swiper-wrapper{-webkit-perspective:1200px;-moz-perspective:1200px;-ms-perspective:1200px;perspective:1200px;}.swiper-slide{position:relative;-webkit-tr
F2E前端爱好者·2016-05-10 15:33

animate.css 实现移动端垂直滑动效果

html: *{margin:0;padding:0;}body{font-size:16px;}.swiper-wrapper{-webkit-perspective:1200px;-moz-perspective:1200px;-ms-perspective:1200px;perspective:1200px;}.swiper-slide{position:relative;
laike1355·2016-05-10 15:00

Animate.css 基础使用方法

animate.css是一堆很酷的，有趣的，跨浏览器的动画效果库，你可以随意在你的项目中使用。用在你想要突出的任何地方，如主页，滑块，这像喝水一样容易，迷死人了。
F2E前端爱好者·2016-05-09 17:01

Animate.css 基础使用方法

animate.css是一堆很酷的，有趣的，跨浏览器的动画效果库，你可以随意在你的项目中使用。用在你想要突出的任何地方，如主页，滑块，这像喝水一样容易，迷死人了。
laike1355·2016-05-09 17:00

用CSS3动画，让页面动起来

以前就听说过有个库，叫animate.css，但是自己并没有在实际项目中使用过，这次正好要做个招聘页面，得以利用一下这个库，在经常会卡顿的UC浏览器中也能流畅执行。 
three_bird·2016-05-09 09:00

用CSS3动画，让页面动起来

以前就听说过有个库，叫animate.css，但是自己并没有在实际项目中使用过，这次正好要做个招聘页面，得以利用一下这个库，在经常会卡顿的UC浏览器中也能流畅执行。
咖啡机（K.F.J）·2016-04-11 10:00

解密Animate.css之CSS3动画实现方式大全源码（6星级）

摇摆效果：http://www.100sucai.com/css3/3.html 摇摆 .div{width:300px;height:200px;margin:100pxauto;background:url(http://www.100sucai.com/img/demo/1373.png)}#animation{-webkit-animation:shake1s.2seaseboth;
cometwo·2016-03-18 16:00

css3常用动画+动画库

查看演示：https://daneden.github.io/animate.css/github地址：https://git
starof·2016-02-24 14:00

css3常用动画+动画库

查看演示：https://daneden.github.io/animate.css/ github地址：https://g
starof·2016-02-24 14:00

css3动画库——animate.css以及css3动画一些有趣的实现

简介animate.css是一个来自国外的CSS3动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（
章鱼小丸子2711·2016-02-22 14:06

Animate.css和wow.js的搭配使用

1.wow.js实现了在网页滚动时的动画效果，有漂亮的动画效果，依赖于Animate.css。2.Animate.
绿罗兰·2016-02-17 17:00

css3动画animate.css的使用

简介animate.css是一个来自国外的CSS3动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（
绿罗兰·2016-02-17 16:00

scrollReveal.js – 页面滚动显示动画JS

不同的是WOW.js的动画只播放一次，而scrollReveal.js的动画可以播放一次或无限次；WOW.js依赖 animate.css，而scrollReveal.js不依赖其他任何文件。
来自潘大大·2016-02-16 09:00

用过的库

WOW.js依赖 animate.css，所以它支持animate.css多达60多种的动画效果，能满足您的各种需求。详细介绍：http://www.dowebok.com/131.ht
玉屏风散·2016-02-05 15:00

Animate.css 纯CSS动画库

http://my.oschina.net/yangyan/blog/601573github上的地址是：https://daneden.github.io/animate.css/Animate.cssJust-add-waterCSSanimationanimate.cssisabunchofcool
pyzheng·2016-01-12 21:00

Animate.css 纯CSS动画库

github上的地址是：https://daneden.github.io/animate.css/Animate.cssJust-add-waterCSSanimationanimate.css isabunchofcool
小杨阿哥哥·2016-01-12 21:00

css3动画简介以及动画库animate.css的使用

 在这个年代，你要是不懂一点点css3的知识，你都不好意思说你是个美工。美你妹啊，请叫我前端工程师好不好。呃。。好吧，攻城尸。。。呵呵，作为一个攻城尸，没有点高端大气上档次的东西怎么能行呢，那么css3的动画就绝对是值得你拥有了，虽说IE9以及更早版本的IE浏览器都不支持css3动画，但是IE6-8浏览器已是江河日下，使用谷歌浏览器、火狐浏览器、IE10+浏览器以及移动端浏览器等这些支持css3动
zhaoqingbei·2016-01-12 13:12

css3动画简介以及动画库animate.css的使用

在这个年代，你要是不懂一点点css3的知识，你都不好意思说你是个美工。美你妹啊，请叫我前端工程师好不好。呃。。好吧，攻城尸。。。呵呵，作为一个攻城尸，没有点高端大气上档次的东西怎么能行呢，那么css3的动画就绝对是值得你拥有了，虽说IE9以及更早版本的IE浏览器都不支持css3动画，但是IE6-8浏览器已是江河日下，使用谷歌浏览器、火狐浏览器、IE10+浏览器以及移动端浏览器等这些支持css3动画
lovethe51cto·2016-01-12 13:12
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他