三角碎片以非常缓慢的速度旋转移动，如果使用JS实现会出现一像素一像素移动的卡顿
使用CSS3会获得非常理想的效果
transform: translate3d(80px, 150px, 0px) rotate(1220deg);
transition: transform 30s linear 0s;
上面一个属性表示图像变换
translate3d(80px, 150px, 0px) 表...
分类：
移动开发 时间：
2014-06-15 17:15:34
阅读次数：
188
如何临时让transition失效我们给一个element设置了transition效果，但某些特殊情况，我们希望让transition临时失效。我们第一反应就是先移除transition设置，等其他属性设置完成之后再还原transition设置。但浏览器有时候会让我们感觉事与愿违看下面这段代码，你...
分类：
Web程序 时间：
2014-06-11 08:26:24
阅读次数：
407
非常多站点已经不满足于一级标题的展示，可能非常多的时候有二级标题，三级标题等等。那么怎样设置二级标题以及怎样把二级标题做的好看呢。以下的代码中注意：1.为了让二级标题有渐隐渐现的感觉，用了transition样式2.二级标题的定位始终是一个困扰我好久的难题。要确保一级标题有position属性(不能...
分类：
其他好文 时间：
2014-06-10 21:46:08
阅读次数：
292
用css3和javascript做一个翻页动画如有更多疑问请参照：http://www.imooc.com/learn/77这是用css3的-webkit-transition属性做的渐变颜色动画，下面是三张截图：怎么样？好看吧，下面是它的代码：-webkit-transition:
backgro...
分类：
编程语言 时间：
2014-06-05 15:57:14
阅读次数：
343
昨天看到html5tricks上的一篇文章《jQuery鼠标滑过文字跳动动画插件》，止不住手痒用sass、css3实现以下，并进行了扩展，希望能对大家有所帮助，主要利用sass@for指令、compass里的random随机数，给文字设置不同的动画状态，利用transition或animation实现动画。...
分类：
其他好文 时间：
2014-06-02 23:53:21
阅读次数：
514
webkit在绘制页面时会将结构分为各种层，当层足够大时就会变成很大的平铺层。这样一来webkit在每次页面结构发生变化时不需要都渲染整个页面而是渲染对应层了，这对渲染速度来说相当的重要。webkit会给各种层分配一定大小的“后备存储器”在内存里缓存起来，这就是绘制层的上下文，通过这个上下文就可以很...
分类：
移动开发 时间：
2014-05-28 01:50:48
阅读次数：
1191
CSS3中的过渡Transition有四个中心属性：transition-property、transition-duration、transition-delay和transition-timing1、transition-property的语法[css]
transition-property....
分类：
Web程序 时间：
2014-05-24 06:58:08
阅读次数：
317
首先我描述一下问题：当我从一个view到另外一个view的时候？
解答：这个问题的解决还需要看setAnimationTransition:forView:cache: 官方Api，官方是这样说的：
1.Begin an animation block.
2.Set the transition on the container view.
3.Remove the subview fro...
分类：
其他好文 时间：
2014-05-18 10:44:03
阅读次数：
370
有限状态机（Finite-state
machine）是一个非常有用的模型，可以模拟世界上大部分事物。 简单说，它有三个特征：* 状态总数（state）是有限的。* 任一时刻，只处在一种状态之中。*
某种条件下，会从一种状态转变（transition）到另一种状态。 它对JavaScript的...
分类：
编程语言 时间：
2014-05-15 22:37:13
阅读次数：
351
