Kiểm tra CSS Animation

CSS Animation – Thổi Hồn Vào Giao Diện Website!
Bài thì Kiểm tra CSS Animation

Câu 1: Thuộc tính nào được sử dụng để áp dụng hiệu ứng chuyển động trong CSS?

A) @keyframes

B) animation

C) transition

D) transform

None

Câu 2: Cú pháp nào đúng để định nghĩa chuyển động trong CSS?

A) @animation { ... }

B) @keyframes animationName { ... }

C) @keyframes { ... }

D) @transition { ... }

None

Câu 3: Thuộc tính animation-duration xác định điều gì?

A) Thời gian chuyển động bắt đầu.

B) Thời gian chạy toàn bộ hoạt cảnh.

C) Độ trễ trước khi hoạt cảnh bắt đầu.

D) Số lần lặp lại hoạt cảnh.

None

Câu 4: Giá trị nào dưới đây của animation-iteration-count sẽ làm hoạt cảnh chạy vô hạn?

A) 0

B) infinity

C) forever

D) infinite

None

Câu 5: Để tạo hoạt cảnh bắt đầu chậm và tăng tốc dần, thuộc tính animation-timing-function cần sử dụng giá trị nào?

A) ease

B) linear

C) ease-in

D) ease-out

None

Câu 6: Thuộc tính nào dưới đây dùng để làm chậm hoạt cảnh trước khi nó bắt đầu?

A) animation-timing-function

B) animation-delay

C) animation-iteration-count

D) animation-play-state

None

Câu 7: Cú pháp nào đúng để tạo một chuyển động quay 360 độ cho một phần tử?

A) @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

B) @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

C) @keyframes rotate { start { transform: rotate(0deg); } end { transform: rotate(360deg); } }

D) Cả A và B

None

Câu 8: Giá trị nào của animation-fill-mode đảm bảo phần tử giữ trạng thái cuối cùng của hoạt cảnh sau khi nó kết thúc?

A) none

B) forwards

C) backwards

D) both

None

Câu 9: Thuộc tính animation-play-state có thể nhận giá trị nào sau đây?

A) paused và running

B) start và stop

C) enabled và disabled

D) active và inactive

None

Câu 10: Để áp dụng nhiều hoạt cảnh cho một phần tử, bạn viết thuộc tính animation như thế nào?

A) Tách mỗi hoạt cảnh bằng dấu phẩy: animation: anim1 1s, anim2 2s;

B) Tách mỗi hoạt cảnh bằng dấu chấm phẩy: animation: anim1 1s; anim2 2s;

C) Gộp hoạt cảnh trong một @keyframes: animation: anim1_anim2 2s;

D) Chỉ có thể áp dụng một hoạt cảnh cho một phần tử.

None

Time's up

Đăng bởi thangtbay | Tháng mười một 25, 2024 | |

• Bài viết cùng chủ đề

• AEO là gì? Liệu bạn đã hiểu rõ sự khác nhau giữa GEO và AEO?

• Cá nhân có đăng ký được tên miền .vn không? Phân biệt rõ cá nhân và tổ chức khi đăng ký domain Việt Nam

• Thông báo thay đổi điều kiện đăng ký và duy trì tên miền .edu.vn từ ngày 10/02/2026

• Doanh nghiệp đang chết dần vì website không tạo ra dữ liệu – Bạn có đang nằm trong số đó?

• Cách AI lựa chọn nguồn thông tin và ảnh hưởng đến Website doanh nghiệp