標籤：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>*{ margin: 0; padding: 0;}.hover { width: 500px; height: 500px; background-color: red; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}.hover:hover, .hover:focus, .hover:active { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; background-color: #000;}</style></head><body> <div class="hover"></div></body></html>
效果：滑鼠經過顏色的變化有一個過渡，會比較好看。
css3 滑鼠經過色彩坡形
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
