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 27, 2024 | |

Thiết kế website 366

Kiểm Tra Thi Trắc Nghiệm Online CSS Animation

400 490 500

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

• Kiểm Tra Thi Trắc Nghiệm Online về ALT thẻ IMG trong SEO hình ảnh Google

• Kiểm Tra Thi Trắc Nghiệm Online về LIÊN KẾT VÀ ĐIỀU HƯỚNG TRONG HTML

• Kiểm Tra Thi Trắc Nghiệm Online về Bảo mật và pháp lý liên quan đến tên miền

• Kiểm Tra Thi Trắc Nghiệm Online về DNS và hệ thống phân giải tên miền