CSS3 Animation 是一種非常酷炫的效果，可以通過動畫將圖片或其他元素帶入新的維度。它是 CSS3 規范的一部分，并且在許多現代瀏覽器中都得到了支持。

/*定義關鍵幀*/
@keyframes slidein {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
/*創建動畫*/
.image {
animation: slidein 1s;
}

使用 CSS3 animation 動畫，你可以很容易地定義關鍵幀并創建動畫。上面的示例定義了一個名為 slidein 的關鍵幀，它從滑動屏幕左側到元素的初始位置。

/*使圖片旋轉*/
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/*使用循環的動畫*/
.image {
animation: rotate 2s linear infinite;
/*線性動畫和無限循環*/
}

除了通過關鍵幀動畫實現簡單的平移動畫之外，CSS3 Animation 還可以實現更復雜的動畫效果。例如，我們可以使用 rotate 關鍵幀來旋轉圖片，并使用 linear 來控制動畫速度，使用 infinite 來使動畫無限循環。

總之，CSS3 Animation 是一個非常有用和強大的特性，可以使你在網站上使用動畫來增加用戶體驗和吸引人的效果。無論是簡單的平移還是復雜的旋轉，都可以使用 CSS3 Animation 實現。只要您熟練掌握這項技術，就可以讓您的網站變得更加生動和生氣勃勃。