本篇将介绍如何在CSS3中实现颜色渐变。 在提到颜色渐变的时候肯定要提到Transition，Transition有两个属性，一个是过度属性名称，另外一个是过度时间。 在Chrome和Safari下需要写成-webkit-transition 在Firefox下要写成-moz-transition 在Opera下要写成-o-transition 然后就建立一个简单的DIV，然后定义为block。 <body> <div id=”block”> </div></body> 然后在CSS中来定义block的属性 #block{ width:400px; height:400px; background-color:blue; margin:0 auto; } #block:hover{ background-color:red; } 此时的变色会是生硬的，如果想要平滑的变色，你需要加上transition的属性，在这里我就是用Chrome的transition属性。 -webkit-transition: background-color 1s;…