过渡的使用和说明

过度

倘若要过渡的属性较多时我们可以对上述部分代码进行优化&＃xff0c;如下图

凡是hover设置过的属性&＃xff0c;上述的改进代码可以完成相应的效果

效果图

注&＃xff1a;当鼠标悬停时&＃xff0c;宽度在一秒完成了过渡变化&＃xff0c;背景颜色在两秒钟完成了过渡变化&＃xff08;这是一个渐变的过程&＃xff0c;因作者偷懒的原因被简化&＃xff0c;请读者谅解&＃xff09;