为了处理用户交互效果，你需要为 .button 添加悬停状态

.button { background-color: blue; transition: background-color 0.3s ease; } .button:hover { background-color: darkblue; }

.button:hover { background-color: darkblue; transition: background-color 0.3s; }

.button { background-color: blue; animation: colorChange 0.3s; } @keyframes colorChange { to { background-color: darkblue; } }

.button { background: linear-gradient(to right, blue, darkblue); transition: all 0.3s; }