CSS变换计时与延迟

　　-webkit-transition -moz-transition -o-transition transition

　　CSS property

　　被变换的属性(比如, color)。

　　Duration

　　变换持续的时间，通常以秒来计算(比如, .25s).

　　Timing function

　　允许你控制持续的时间的计算方式。与其使用一个简单的线性计算，你可以使变换加速(渐入)或者减速(淡出)，或者甚至specify a beat or count (比如，linear). More on this later in the article.

　　Delay

　　在动作和变换开始之间等待多久，通常用秒来表示(比如, .1s)。如果你不想延迟，该值可省略。

　　CSS属性

　　color 色彩

　　crop 百分比

　　font-weight 数字

　　height 百分比，长度

　　letter-spacing 长度

　　line-height 百分比，长度，数字

　　opacity 数字

　　outline-offset 整数

　　outline-width 长度

　　right 百分比，长度

　　text-indent 百分比，长度

　　text-shadow 阴影

　　vertical-align 百分比，长度，关键词

　　visibility 可见性

　　word-spacing 百分比，长度

　　z-index 正整数

　　zoom 数字

　　变换计时与延迟

　　使用变换，你可以改变变换的速率，在开始的时候较慢然后在结束的时候加速，反之亦然，或者之间的任何事情。CSS变换有5个计时的关键词，同时也允许你自己定义你自己的计时曲线。

　　cubic-bezier(x1, y1, x2, y2) X 和 Y 值在0到1之间，以定义用于Time function的贝塞尔曲线的形状。

　　linear 均速

　　ease 逐渐慢下来

　　ease-in 加速(渐入)

　　ease-out 减速(淡出)

　　ease-in-out 加速然后减速

收藏此文 赞一下！() 打赏本站

如本文对您有帮助，就请建站学习网抽根烟吧！

支付宝打赏
微信打赏