摘要: 演示测试事实上所属transition-timing-function的值允许你根据时间的推进去改变属性值的变换速率,transition-timing-function有6个可能值: 1、ease:(逐渐变慢)默认值,ease函数等同于贝塞尔曲线(0.25, 0.1, 0.25, 1.0). 2、linear:(匀速),linear 函数等同于贝塞尔曲线(0.0, 0.0, 1.0, 1.0). 3、ease-in:(加速),ease-in 函数等同于贝塞尔曲线(0.42, 0, 1.0, 1.0). 4、ease-out:(减速),ease-out 函数等同于贝塞尔曲线(0, 0,... 阅读全文
posted @ 2012-04-10 17:17 cheng1234xiang 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 上一节花了大篇幅整理了CSS3中动画属性中的Transform,今天我们接着一起来看CSS3动画属性中的另一个属性Transition。W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。”下面我们同样从其最语法和属性值开始一步一步来学习transition的具体使用语法: transition : [<'transition-property'> || <'trans 阅读全文
posted @ 2012-04-10 16:15 cheng1234xiang 阅读(478) 评论(0) 推荐(1) 编辑