CSS3自傳動畫是一種利用CSS3技術實現的動畫效果，可以為網站增色不少。

你可以通過以下代碼實現一個簡單的自傳動畫：

.animation{
animation:rotate 10s infinite linear;
-webkit-animation:rotate 10s infinite linear;/* Safari and Chrome */
}
@keyframes rotate{
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate{ /* Safari and Chrome */
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}

代碼解釋：

首先，創建一個類名為“animation”的樣式，使用“animation”屬性添加一個名為“rotate”的動畫效果，其中參數“10s”表示10秒內轉完一圈，“infinite”表示無限循環播放，“linear”表示使用線性速度。

接下來，在“@keyframes”規則中設置動畫效果，從0度開始旋轉360度，完成一次自傳。同時，為了兼容Safari和Chrome瀏覽器，在“@-webkit-keyframes”規則中使用“-webkit-transform”屬性實現相同效果。

最后，在HTML文檔中添加一個class屬性為“animation”的元素，就能看到一個自轉的旋轉效果了。

以上是一個簡單的自轉動畫，你也可以通過更改參數以及添加其他CSS3效果，來實現更加炫酷的自傳動畫。