Làm thế nào để xoay phần tử trong CSS3?

Để xoay một phần tử trong CSS3, chúng ta sử dụng thuộc tính transform với giá trị rotate(). Giá trị bên trong hàm rotate() xác định góc xoay, thường được đo bằng độ (deg).

Phương án A: object-rotation: 30deg; - Đây không phải là thuộc tính CSS chuẩn để xoay phần tử.
Phương án B: transform: rotate(30deg); - Đây là cách chính xác để xoay phần tử 30 độ theo chiều kim đồng hồ.
Phương án C: rotate-object: 30deg; - Đây không phải là thuộc tính CSS chuẩn.
Phương án D: transform: rotate-30deg-clockwise; - Cú pháp này không đúng. Chúng ta chỉ cần chỉ định góc xoay bằng độ (deg).