用css3的transition实现过渡动画

CSS3,用transition实现过渡动画

用到了transition就先说说这个属性吧！

一、transition属性简介

transition是网页上的过渡动画，变化的逐渐过渡效果，简称过渡动画！在CSS3出现之前，网页上的动画大多是用flash实现的，flash动画会产生很大的弊端！操作不便等等

1. 语法

	transition: property duration timing-function delay;

2. 定义和用法

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

transition-property

--规定设置过渡效果的 CSS 属性的名称。

transition-duration

--规定完成过渡效果需要多少秒或毫秒。

transition-timing-function

--规定速度效果的速度曲线。

transition-delay

--定义过渡效果何时开始。

transition-property

transition-property 属性规定应用过渡效果的 CSS 属性的名称。（当指定的 CSS 属性改变时，过渡效果将开始）。

提示：过渡效果通常在用户将鼠标指针浮动到元素上时发生。