Làm cách nào để tạo hiệu ứng chuyển tiếp transition bằng CSS3?

Cú pháp đúng để tạo hiệu ứng chuyển tiếp (transition) trong CSS3 là sử dụng thuộc tính transition. Thuộc tính này cho phép bạn chỉ định thuộc tính CSS nào sẽ có hiệu ứng chuyển đổi, thời gian chuyển đổi, và các thuộc tính khác liên quan đến hiệu ứng chuyển đổi.

Phân tích các đáp án:

• Đáp án 1: transition: width 2s; - Đây là cú pháp đúng. Nó chỉ định rằng thuộc tính width sẽ có hiệu ứng chuyển đổi trong khoảng thời gian 2 giây.
• Đáp án 2: transition-duration: 2s; transition-effect: width; - Cú pháp này sai. Không có thuộc tính transition-effect trong CSS. Thay vào đó, bạn dùng transition-property để chỉ định thuộc tính cần chuyển đổi, hoặc dùng transition để gộp cả property và duration.
• Đáp án 3: alpha-effect: transition (width,2s); - Cú pháp này hoàn toàn sai và không hợp lệ trong CSS. Không có thuộc tính alpha-effect và cách sử dụng transition như trên cũng không đúng.
• Đáp án 4: None - Đáp án này không đúng vì có một đáp án đúng khác tồn tại.

Vậy, đáp án đúng là đáp án 1.