transition和transform属性的区别

初学css，经常被transition和transfor属性搞混。

transition，过渡；

transform，2D/3D转换。

transition 属性是一个简写属性，用于设置四个过渡属性：

• transition-property
• transition-duration
• transition-timing-function
• transition-delay

所以，transition在设置transition-duration属性的情况下，会产生过渡效果。

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

所以，transform属性只对元素进行变换，不会产生过渡效果。

w3c网站实例：

http://www.w3school.com.cn/tiy/t.asp?f=css3_image_gallery