transition 有三个参数：

The property to transition. (Set this value to all if needed)   转换属性。（设置此值为所有如有需要）

The duration	持续时间
The easing type	The easing type

缓动类型

为什么我们不将transition直接应用到hover上呢？是因为我们只是在mouseover时生效，当mouseout时元素将立即返回到其最初的状态。

因为我们对效果做了调整，所有对旧的浏览器不会产生任何影响。

接下来是通过文章所学，我们来建立的一个简洁的效果。大家可以通过查看源码来学习来。具体如何创建我就不翻译了。

附：这是我第一次以文本的形式翻译出文章来给大家看，其中肯定存在很多不足之后。如果大家觉得文章中有什么不懂的可以看一下原文，同时也希望大家能对这次翻译提出宝贵的意见，使我能在以后的工作中加以改下。翻译有问题的地方，大家可以留言反馈。

原文：http://www.wmtimes.cn/post/20101221908.html

本文链接：http://www.blueidea.com/tech/web/2010/8196.asp　

出处：蓝色理想
责任编辑：bluehearts

上一页 你需要熟知10个的CSS3属性 [9] 下一页

◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。