/* 使用变速箱实现按钮的hover效果 */
button {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
transition: background-color 0.3s ease;
}
button:hover {
background-color: #3e8e41;
}在上面的代码中，大家定义了一个
当用户将鼠标悬停在按钮上时，大家又定义了一个:hover伪类，并在其中设置了按钮的新背景色为#3e8e41。这样，在用户悬停时，按钮的背景色便会平滑地从原来的#4CAF50转变为新的颜色。
变速箱的应用除了可以用在按钮上，还可以用在其他的元素上，例如图片、文字等等。使用CSS变速箱可以让大家的网页看上去更加生动、细致，给用户带来更好的体验。