在Web設計中，CSS除了可以美化網站樣式外，還可以讓圖形動起來，增加頁面的趣味性和用戶體驗。下面就來介紹幾種方法。 首先介紹的是CSS3的transition（過渡）屬性，它可以讓元素從一種樣式平滑過渡到另一種樣式。我們可以為元素設置初始狀態和終止狀態，然后讓它們之間產生變化。例如，下面的代碼展示了一個鼠標懸停時，圖片邊框變寬的效果：

img{
transition: border-width 0.5s;  
}
img:hover {
border-width: 5px;
}

其次是CSS3的animation（動畫）屬性，用于實現更復雜的動態效果。它比transition更加靈活，可以控制每一幀的細節，如動畫開始時間、結束時間、持續時間等。下面的代碼展示了一個無限循環的跳動動畫：

div{
position: relative;
animation: jump 2s infinite;
}
@keyframes jump{
0%{
top: 0px;
}
50%{
top: -30px;
}
100%{
top: 0px;
}
}

最后介紹一種使用CSS3的transform（變換）屬性讓元素旋轉的方式。transform包括平移、旋轉、縮放等效果，其中旋轉效果可以實現元素的3D旋轉。下面的代碼展示了一個3D立方體的旋轉效果：

.cube {
transition: transform 1s ease-in-out;
transform-origin: center center;
transform-style: preserve-3d;
}
.cube:hover {
transform: rotateY(180deg) rotateX(180deg);
}

通過以上幾種方法，我們可以讓網頁中的元素動起來，增加頁面的趣味性和吸引力。對于Web設計師來說，掌握這些技巧是必不可少的。