CSS3 動畫用什么規則？CSS3 動畫是通過 CSS3 的 @keyframes 規則來實現的。@keyframes 規則定義了動畫的關鍵幀，也就是動畫從開始到結束的各個階段。@keyframes 規則中使用了百分比值來描述動畫的不同狀態。

例如，定義一個向右移動的動畫，可以使用以下代碼：

@keyframes move-right {
0% { left:0; }
100% { left:100%; }
}
.box {
position: relative;
animation-name: move-right;
animation-duration: 2s;
animation-timing-function: ease;
animation-iteration-count: infinite;
}

上述代碼定義了一個名為 move-right 的動畫，該動畫在開始時 left 屬性為 0，結束時 left 屬性為 100%。然后，通過將動畫應用于 .box 元素，實現了 .box 元素向右移動的動畫效果。

animation-duration 屬性定義了動畫的運動時間，本例中為 2 秒。animation-timing-function 屬性定義了動畫的運動方式，本例中為 ease，即先慢后快，再慢。animation-iteration-count 屬性定義了動畫的重復次數，本例中為 infinite，即無限循環。

綜上所述，使用 @keyframes 規則可以實現豐富多彩的 CSS3 動畫效果，通過定義不同的關鍵幀，可以實現移動、旋轉、縮放等各種效果，配合各種動畫屬性，可以讓頁面變得更加動感。因此，掌握 CSS3 動畫基礎知識是建立優秀網站的必備技能之一。