一、概述CSS属性的值从一个值变为另一个值的过程称为渐变，变化的过程着重强调。CSS3transition系列属性可以控制这个变化过程，让属性值变化过程更加顺畅。转换应包含这些属性：A：哪些属性需要转换？需要过渡CSS属性（即指定旧值和新值）B：过渡需要多长时间才能完成？Duration，即从旧值到新值的过程持续时间。这个时间不包括延迟时间。C：如何计算过渡中间值？在随时间推移的过渡期间如何计算属性的中值。D:过度需要多长时间？延迟过渡开始的时间，即从属性值更改到过渡开始执行的时间。E：什么时候执行转换？当属性值更改时执行转换。这是由浏览器控制的，而不是由作者控制的。综上所述，如果把transition看成一种类型，那么：=2.语法CSS3使用transition系列属性（transition-property,transition-duration,transition-计时函数，转换延迟，转换）控制转换。2.1transition-property2.1.1用于指定哪些CSS属性应用transition，多个属性用逗号分隔。2.1.2语法transition-property:none|<单一过渡属性>[,<单一过渡属性>]*<单一过渡属性>=all|defaultvalue:all从语法上可以看出transition-property的值要么是none，要么是的列表。两种不同的值并存，而“inherit”、“initial”不能与列表共存。none：表示没有过渡应用于任何属性，并且没有过渡可以终止正在进行的过渡。all：表示所有可动画的属性都应用了过渡。注意all关键字是一个特殊的，这是一种表达所有属性的简洁方式。所以他可以和其他属性名共存，但最好不要这样做。除了所有：属性的名称标识符。2.1.3用法A:transition-property:width;过渡持续时间：1s；意思是：with属性应用持续时间为1s的过渡，即B:transition-property:width,background-color;transition-duration:1s,2s;意思是：with属性应用持续时间为1s的过渡，即background-color属性应用持续时间为2s的过渡，即C:transition-property:width,background-color,height;过渡持续时间：1s，2s；意思是：with属性应用持续时间为1s的过渡，即background-color属性应用持续时间为2s的过渡，即height属性应用持续时间为1s的过渡，即注意：在此示例中，未显示指定的高度属性过渡持续时间。如果transition-property属性指定的取值个数超过transition-duration属性指定的取值个数（transition-timing-function，transition-delay是一样的），transition-duration的值会循环重复，即本例中transition-duration的值相当于：transition-duration:1s,2s,1s。如果transition-duration的值指定的值多于transition-property属性指定的格式，超出部分将被忽略。D:transition-property:width,heighttt,background-color;过渡持续时间：1s、1.5s、2s；意思是：with属性应用持续时间为1s的过渡，即heighttt属性（虽然属性heighttt）应用持续时间为1.5s的过渡，即background-color属性应用持续时间为2s的过渡，即注意：本例中有一个非法属性heighttt。如果transition-property属性列表中包含非法属性或非动画属性，也会创建一个transition，同时也会在transition-duration指定的value列表中占用一个值。E:transition-property:width,all,background-color;过渡持续时间：2s、5s、0.5s；意思是：所有动画属性应用一个持续5s的过渡，即注意：在这个例子中，所有和其他属性共存。all关键字会导致其他指定的属性被忽略，其他值会根据all的位置进行过渡。比如本例中all都在第二个位置，那么对应的duration为5s.2.2transition-duration2.2.1Introduction定义transition的duration，即从transition开始到结束的时间过渡。2.2.2语法transition-duration:
