?摘要： 响应式设计已经流行很久了，今天分享一个借助transition来实现动态切换布局的效果。代码： Document > Resize your navigator's window to see this awesome responsive ...
分类：
其他好文 时间：
2015-01-09 17:12:25
阅读次数：
154
前段时间，有同事和会员反馈使用Chrome访问淘宝首页会出现画面闪动的现象，但是我在Mac和Win下面的Chrome都无法重现这个问题，后来重装了一遍Win7下的Chrome Beta版本，终于重现了这个问题，正好研究解决下…问题主要集中于淘宝首页吊顶以及左侧服务栏处，鼠标移过整个页面会闪动一次，R...
分类：
其他好文 时间：
2015-01-09 17:08:52
阅读次数：
185
CSS3属性中有关于制作动画的三个属性：Transform,Transition,Animation；我们一起学习完了Transform和Transition，让我们对元素实现了一些基本的动画效果，这些我想足以让大家激动了一阵子，今天我们趁着这个热劲继续第三个动画属性Animation的学习，单从A...
分类：
Web程序 时间：
2015-01-09 17:07:02
阅读次数：
171
前面我们一起学习了CSS3中的渐变、圆角、阴影等几个属性的使用，今天开始我们一起来学习有关于CSS3制作动画的几个属性：变形(transform)、转换(transition)和动画(animation)等更高级的CSS3技术。本文主要介绍的是这三个属性之中的第一个──变形transform。Tra...
分类：
Web程序 时间：
2015-01-09 17:03:36
阅读次数：
282
上一节花了大篇幅整理了CSS3中动画属性中的Transform，今天我们接着一起来看CSS3动画属性中的另一个属性Transition。W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得...
分类：
Web程序 时间：
2015-01-09 16:55:03
阅读次数：
348
1，transition属性
个人非常习惯用transition过度属性，简单易用。大家称他为animation简化版本。
例如：
.contain{
width: 392px;
position: relative;
bottom: -20px;
opacity: 0;}
.contain.on{
bottom: 0;
opacity: 1;
tra...
分类：
Web程序 时间：
2015-01-09 09:18:58
阅读次数：
319
W3C中对transition是这样描述的：允许css的属性值在一定的时间内平滑的过渡，也就是说，以动画的效果改变css的属性值。transition主要包含4个属性值：transition-property：样式名；transition-duration：持续时间；transition-timin...
分类：
Web程序 时间：
2015-01-08 20:09:15
阅读次数：
293
转载自 http://www.cnblogs.com/zhidao-chen/archive/2013/04/18/3028864.html在frameworks中添加QuartzCore.framework在接口程序中加上头文件 #import 用 CATransition创建transition...
分类：
其他好文 时间：
2015-01-05 14:34:52
阅读次数：
117
CSS3动画相关的属性：transform,transition,animation.变形Transform语法：transform: rotate | scale | skew | translate |matrix;rotate:旋转，通过指定一个角度对原元素进行2D旋转，正值表示顺时针旋转，负...
分类：
Web程序 时间：
2015-01-04 21:14:57
阅读次数：
216
CATransition
CATransition是CAAnimation的子类,可以通过设置type和subtype实现简单的过渡动画。
type类型：
/* Common transition types. */
CA_EXTERN NSString * const kCATransitionFade
__OSX_AVAILABLE_STARTING (__MAC_10...
分类：
其他好文 时间：
2014-12-31 18:33:10
阅读次数：
270
