如果您曾經為了使動畫效果順暢，而去改變css屬性，那么您肯定希望在動畫結束后保持動畫的最終狀態。

我們可以借助CSS中的“transition”屬性來實現此目的。下面是一個例子：

.box {
width: 150px;
height: 150px;
background-color: #f00;
transition: width 1s; /* 在1秒鐘內寬度從0變為150 */
}
.box:hover {
width: 0; /* 在鼠標懸停在盒子上的時間內寬度從150變為0 */
}
.box.end {
width: 150px; /* 在動畫結束后寬度將保持為150 */
}

在上面的代碼中，我們首先給盒子設置了初始CSS屬性，然后通過“transition”屬性告訴瀏覽器，在1秒鐘內寬度從0變為150。當鼠標懸停在盒子上時，寬度將從150變為0，這是動畫效果。

然后我們給盒子添加了一個名為“end”的類，并將寬度設置為150。此時，動畫已經結束了，但是如果我們刪除“end”類，則寬度會立即變為0，而不會保持最終狀態。

使用上述方法，我們可以確保動畫的最終狀態保持不變，而且不需要任何JavaScript代碼。