CSS3 是 Web 前端開發中非常重要的一個技術，其中的動畫效果給網站帶來了更加互動和生動的氣息。通過 CSS3 的 transform 屬性可以實現一些酷炫的動畫效果。

/* 將 div 的寬度變為原來的一半，并將其向右移動 100 像素 */
div {
transition: all 1s ease;
}
div:hover {
transform: translateX(100px) scaleX(0.5);
}

上述代碼定義了一個 div 元素，并使用 CSS3 的 transition 屬性實現了懸停時寬度減半和向右移動的動畫效果。其中，transition 屬性指定了動畫過渡的時間（1 秒）、速度曲線（ease）和應用過渡的屬性（all，即所有屬性）。在懸停時，使用 transform 屬性實現了向右平移 100 像素和水平縮放的效果。translateX 函數表示水平平移，scaleX 函數表示水平縮放。

/* 將圖片旋轉 360 度 */
img {
transition: transform 1s ease;
}
img:hover {
transform: rotate(360deg);
}

上述代碼定義了一個 img 元素，并使用 CSS3 的 transition 屬性實現了懸停時旋轉 360 度的動畫效果。其中，transition 屬性同樣指定了過渡時間、速度曲線和過渡的屬性。在懸停時，使用 transform 屬性實現了旋轉效果。rotate 函數表示旋轉度數，單位為度。

CSS3 的 transform 屬性還可以實現許多其他的動畫效果，如縮放、傾斜、扭曲等。我們可以根據自己的需求和創意，靈活運用這些屬性來打造更加生動、有趣的網站。