CSS中的動效屬性是用于創建交互式網頁和應用程序的重要工具。通過使用這些屬性，您可以在網頁和應用程序中添加動畫、振動、縮放、旋轉和其他交互式效果。本文將介紹CSS中的一些動效屬性。

1. 動畫屬性

動畫屬性是CSS中用于創建動畫的基本屬性。它們可以用于創建過渡、旋轉、縮放和移動效果。動畫屬性的值可以是任何CSS屬性的值，包括數字、字符串和選擇器。例如，以下代碼將創建一個向左旋轉30度的圓形：

background-position: center top;

background-size: cover;

animation: rotate 30s infinite;

2. 振動屬性

振動屬性可以用于創建振動效果。它可以用于創建線性振動、圈振動和垂直振動。振動屬性的值可以是任何CSS屬性的值，包括數字、字符串和選擇器。例如，以下代碼將創建一個線性振動：

@keyframeskeyframes_震動 {

0% {

transform: scale(1);

}

100% {

transform: scale(0.9);

}

3. 縮放屬性

縮放屬性可以用于創建縮放效果。它可以用于創建水平縮放、垂直縮放和旋轉縮放。縮放屬性的值可以是任何CSS屬性的值，包括數字、字符串和選擇器。例如，以下代碼將創建一個水平縮放：

@keyframeskeyframes_size {

0% {

width: 100px;

height: 100px;

}

50% {

width: 200px;

height: 200px;

}

100% {

width: 200px;

height: 200px;

}

4. 旋轉屬性

旋轉屬性可以用于創建旋轉效果。它可以用于創建水平旋轉、垂直旋轉和旋轉角度。旋轉屬性的值可以是任何CSS屬性的值，包括數字、字符串和選擇器。例如，以下代碼將創建一個旋轉90度的圓形：

background-position: center top;

background-size: cover;

animation: rotate 30s infinite;

以上就是CSS中的動效屬性的詳細介紹，通過使用這些屬性，您可以創建出各種交互式效果，使網頁更加生動有趣。