css3笔记--transition相关属性

过渡相关属性：

css3过渡效果涉及到四个属性，也可以使用包含这四个属性的缩写。

transition-property:要过渡的css属性名称（比如background-color、text-shadow或者all使用all则过渡会被应用到每个可能的css属性上）
transition-duration:定义过渡效果持续的时间（单位为秒如，.3s、.2s或者1.5s）
transition-timing-function:定义过渡期间速度如何变化（如ease、linear、ease-in、ease-out、ease-in-out或者cubic-bezier）
transition-delay：可选，用于定义过渡开始前的延迟时间。相反，将该值设置为一个负数，可以让过渡效果立即开始，但过度路程则会从半路开始。
单独使用各种过渡属性创建转换效果的语法如下：

#content a{
transition-property:all;
transition-duration:1s;
transition-timing-function:ease;
transition-delay:0s;
}

简写版：

#content a{
transition:all 1s ease 0s;
}

使用简写版时要注意，声明中的第一个时间值总会被应用给transition-duration，第二个时间值总会被赋值给transition-delay。
还可以在不同时间段对不同的属性进行过渡，属性的不调不必一致，如：

#content a{
/**其他样式**/
transition-property:border,color,text-shadow;
transition-duration:2s,3s,4s;
}