當(dāng)涉及到CSS動(dòng)畫(huà)時(shí)，有幾種方式可以實(shí)現(xiàn)動(dòng)畫(huà)效果。以下是一些常見(jiàn)的CSS動(dòng)畫(huà)技術(shù)：

1. 使用@keyframes規(guī)則：@keyframes規(guī)則允許你創(chuàng)建一個(gè)動(dòng)畫(huà)序列，定義動(dòng)畫(huà)的關(guān)鍵幀和屬性值。例如，你可以創(chuàng)建一個(gè)旋轉(zhuǎn)動(dòng)畫(huà)，讓一個(gè)元素在頁(yè)面上旋轉(zhuǎn)。

   @keyframes rotate {from {transform: rotate(0deg);}to {transform: rotate(360deg);}
   }.element {animation: rotate 2s infinite;
   }
   

?2.使用transition屬性：transition屬性允許你在元素狀態(tài)改變時(shí)平滑地過(guò)渡屬性的值。例如，你可以讓一個(gè)按鈕在鼠標(biāo)懸停時(shí)改變背景顏色，并且有一個(gè)平滑的過(guò)渡效果。

.button {background-color: #3498db;transition: background-color 0.3s ease;
}.button:hover {background-color: #2980b9;
}