下边是vue的源码 var raf = inBrowser && window.requestAnimationFrame; var waitForTransitionStart = raf /* istanbul ignore next */ ? function (fn) { raf(funct ...
分类：
其他好文 时间：
2016-04-11 12:01:54
阅读次数：
144
× 目录 [1]定义 [2]过渡属性 [3]持续时间[4]延迟时间[5]时间函数[6]多值[7]阶段[8]触发[9]API 前面的话 通过过渡transition，可以让web前端开发人员不需要javascript就可以实现简单的动画交互效果。过渡属性看似简单，但实际上它有很多需要注意的细节和容易混 ...
分类：
Web程序 时间：
2016-04-03 14:40:11
阅读次数：
921
一：纯css+html的手风琴效果 这种用css写的手风琴比较简单，主要是应用到css中的，transition属性。 代码如下： 二：纯js+html制作手风琴 这个手风琴出现一个问题，就是单独移动每个li时，没问题，但是当移动很快时，最右边的li出现空隙。我感觉是定时器的问 题，就是当每个li还 ...
分类：
Web程序 时间：
2016-04-03 13:16:50
阅读次数：
245
精简CSS代码可以帮助减小样式文件的大小，使代码清晰，方便维护。 使用简写属性及默认值 常用简写属性包括 animation、background、border、font、margin、padding、transition... 使用简写的 font 属性时如果不使用 icon 等关键字时至少要指定 ...
分类：
Web程序 时间：
2016-03-29 08:47:12
阅读次数：
200
一、变形 1、旋转 rotate() 2、扭曲 skew() 3、缩放 scale() 4、位移 translate() 5、矩阵 matrix() 6、原点 transform-origin 二、动画 1、过渡属性 transition-property 2、过渡所需时间 transition-d
分类：
Web程序 时间：
2016-03-22 00:29:45
阅读次数：
313
H5单页面手势滑屏切换是采用HTML5 触摸事件(Touch) 和 CSS3动画(Transform,Transition)来实现的，效果图如下所示，本文简单说一下其实现原理和主要思路。 1、实现原理 假设有5个页面，每个页面占屏幕100%宽，则创建一个DIV容器viewport，将其宽度(widt
分类：
其他好文 时间：
2016-03-21 07:05:16
阅读次数：
189
[1]定义 [2]属性 [3]display [4]js [5]transition [6]API [7]DEMO
分类：
Web程序 时间：
2016-03-20 12:58:57
阅读次数：
1335
这一篇主要谈谈CSS3的过渡属性。 过渡属性被设计的十分通俗易懂，属性写法为transition，有四个子属性： 当然，css3提供了transition的简写的方式，例如：transition：background 1s；便是常用的方式之一。 接下来谈谈transition的触发方式，正如之前提到
分类：
Web程序 时间：
2016-03-19 19:42:49
阅读次数：
152
CSS3动画相关的几个属性是：transition, transform, animation；我分别理解为过渡，变换，动画。 transition指过渡啦，就是从a点都b点，是有时间的，是连续的，一般针对常规CSS属性；transform指变换，就那几个 固定的属性：旋转，缩放，偏移什么的，与tr
分类：
Web程序 时间：
2016-03-19 18:00:27
阅读次数：
223
W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。 今天发现这个属性很有意思。这里有一篇详细的技术博客： htt
分类：
Web程序 时间：
2016-03-19 17:44:26
阅读次数：
157
