在網站設計中，動態效果圖是吸引用戶視線的重要因素之一。使用CSS可以輕松地實現一些炫酷的動態效果圖，下面就讓我們一起來看看如何制作一個動態效果圖：

/* 設置動畫效果 */
@keyframes my_animation {
0% {
transform: scale(1); /* 初始狀態 */
}
50% {
transform: scale(1.5); /* 縮放50%的大小 */
}
100% {
transform: scale(1); /* 恢復到原始狀態 */
}
}
/* 應用到元素 */
.my_element {
animation: my_animation 2s infinite; /* 無限循環 */
}

以上代碼為一個簡單的動畫效果，將它應用到任何帶有“my_element”類的HTML元素上即可，如下所示：

<div class="my_element">動態效果圖</div>

上述代碼中，我們定義了一個名為“my_animation”的動畫效果，在其中設置了元素的初始狀態、中間狀態和結束狀態。然后，我們將這個效果應用到“my_element”類的HTML元素上，即可實現相應的動態效果。

除了上述例子，CSS還有許多其他的動態效果，比如旋轉、偏移、透明度等等。學習CSS動畫效果可以使你的網站具備更好的視覺體驗，為用戶帶來更好的使用體驗。