JavaScript is required

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

A.
transition: width 2s;
B.
transition-duration: 2s; transition-effect: width;
C.
alpha-effect: transition (width,2s);
D.
None
Trả lời:

Đáp án đúng: A


Để tạo hiệu ứng chuyển tiếp (transition) trong CSS3, chúng ta sử dụng thuộc tính transition. Cú pháp chung của thuộc tính này là: transition: property duration timing-function delay;. Trong đó:
  • property: Thuộc tính CSS mà bạn muốn tạo hiệu ứng chuyển đổi. Ví dụ: width, height, background-color, ...
  • duration: Thời gian chuyển đổi (tính bằng giây hoặc mili giây). Ví dụ: 2s, 0.5s, 500ms, ...
  • timing-function: Xác định cách hiệu ứng chuyển đổi thay đổi tốc độ theo thời gian. Ví dụ: linear, ease, ease-in, ease-out, ease-in-out, ... (mặc định là ease)
  • delay: Thời gian chờ trước khi hiệu ứng chuyển đổi bắt đầu (tính bằng giây hoặc mili giây). Ví dụ: 1s, 0.2s, 200ms, ... (mặc định là 0s)
Vậy, phương án A là đáp án chính xác vì nó sử dụng cú pháp đúng để tạo hiệu ứng chuyển tiếp cho thuộc tính width trong khoảng thời gian 2s. Các phương án khác không đúng vì:
  • B: Sử dụng transition-effect là sai. Thuộc tính đúng phải là transition-property (mặc dù `transition` có thể gộp cả thuộc tính và thời gian).
  • C: Sử dụng alpha-effect và cú pháp transition(...) là hoàn toàn sai.
  • D: Không có đáp án nào đúng sẽ không chính xác vì A là đáp án đúng.

Tổng hợp 500 câu hỏi trắc nghiệm Javascript có đáp án đầy đủ nhằm giúp các bạn dễ dàng ôn tập lại toàn bộ các kiến thức.


50 câu hỏi 60 phút

Câu hỏi liên quan