码迷,mamicode.com
首页 >  
搜索关键字:transition    ( 1184个结果
【原生JS组件】javascript 运动框架
大家都知道JQuerry有animate方法来给DOM元素进行运动,CSS3中也有transition、transform来进行运动。而使用原生的Javascript来控制元素运动,需要写很多运动的细节以及兼容。然而,当你的BOSS不让你使用庞大的JQ框架,而且你开发的产品也需要在一些不兼容CSS3的浏览器运行的时候,你是否觉得每次都要开个定时器来琢磨运动该怎么进行,是件很费力的事情呢?那么福利来了...
分类:编程语言   时间:2015-08-20 17:04:18    阅读次数:245
Transitions, Transforms和Animation使用简介
CSS3动画相关的几个属性是:transition, transform, animation;我分别理解为过渡,变换,动画。虽意义相近,但具体角色不一。transition指过渡,就是从a点都b点,就像过江坐渡轮,是有时间的,是连续的,一般针对常规CSS属性;transform指变换,就那几个固定...
分类:其他好文   时间:2015-08-20 15:07:29    阅读次数:285
html5晋级之路-css动画-过度
transtion 设置四个过度属性transition-property 过度的名称transition-duration 过度效果花费的时间transition-timing-function 过度效果的时间曲线transition-delay 过渡效果开始时间
分类:Web程序   时间:2015-08-17 11:52:41    阅读次数:125
纯CSS3动画实现小黄人
先上效果:http://2.danielcv.sinaapp.com/sae/minimon/index.html要实现这个效果其实并不难,主要是对一些CSS3特性的实质性应用,比如transform,transition还有relative,absolute定位的使用方法,在搭建好 ...
分类:Web程序   时间:2015-08-16 11:58:30    阅读次数:203
CSS3学习笔记(1)-CSS3选择器
CSS3与CSS2相比发生了很大的变化,CSS3的亮点功能包括实现圆角、阴影、新的flex伸缩布局模型、多列布局模型、填充色的渐变、2D变形(位移、缩放、旋转、倾斜)、3D变形、动画(transition过渡动画、animation关键帧动画)等。看到这些字眼,你实际上已经可以深深感受到CSS3的野...
分类:Web程序   时间:2015-08-15 16:15:57    阅读次数:102
jq和css3图片拉近效果
#test{width:200px;height:200px;font-size:12px;transition:all 1s ease 0s;-webkit-transition: all 1s ease 0s;-moz-transition:all 1s ease 0s; -o-transition:all 1s ease 0s;} #test:hover{-moz-transitio...
分类:Web程序   时间:2015-08-13 18:05:36    阅读次数:185
iOS Core Animation详解(五)CATransition
欢迎关注我的iOS SDK详解专栏 http://blog.csdn.net/column/details/huangwenchen-ios-sdk.html 不知不觉iOS的动画系列文章已经写到第五篇了,在这里,能方便的找到我之前写的四篇关于动画的文章。前言:CATransition 是CAAnimation的子类,最主要的用途是用来定义view reload的转场动画。使用这个集成好的类...
分类:移动开发   时间:2015-08-09 00:28:12    阅读次数:155
IOS开动画效果之──实现 pushViewController 默认动画效果
在开发中,视图切换会常常遇到,有时我们不是基于导航控制器的切换,但实际开发中,有时需要做成push效果,下面将如何实现push和pop 默认动画效果代码实例:一、push默认动画效果CATransition *transition = [CATransition animation]; trans....
分类:移动开发   时间:2015-08-07 21:35:07    阅读次数:138
transition和animation动画简介
本文介绍CSS动画的两大组成部分:transition和animation。我不打算给出每一条属性的详尽介绍,那样可以写一本书。这篇文章只是一个简介,帮助初学者了解全貌,同时又是一个快速指南,当你想不起某一个用法的时候,能够快速地找到提示。
分类:其他好文   时间:2015-08-07 18:54:06    阅读次数:113
CSS3中transition-duration参数对hover前后两种过渡时间的影响
transition-duration这个参数是设置过渡时间的,将transition-duration放在哪个类中,那么在这个类被启用时就会按照transition-duration设定的时间来过渡。 例如,有类 .a 和 .a:hover  1.如果只在 .a 中设定transition-duration: 3s;的话,那么在鼠标覆盖这个元素和鼠标离开元素时,过渡时...
分类:Web程序   时间:2015-08-07 11:16:06    阅读次数:169
1184条   上一页 1 ... 86 87 88 89 90 ... 119 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!