CSS Opacity MCQ Transparency Practice Questions

Direction: Choose the correct option

What does the opacity property control?

A. Element visibility

B. Transparency level of an element

C. Element order

D. Color brightness

Direction: Choose the correct option

.box {
    opacity: 0.5;
}

What effect does this have on the element and its children?

A. Element and children become 50% transparent

B. Only children transparent

C. Only element becomes transparent

D. Element disappears

Direction: Choose the correct option

.box {
    background: rgba(0, 0, 0, 0.5);
}

What is the difference from using opacity?

A. Entire box transparent

B. Only background is transparent

C. Text also transparent

D. Border also transparent

Direction: Choose the correct option

img {
    opacity: 0.7;
}
img:hover {
    opacity: 1;
}

What effect does this create?

A. Image brightens

B. Fade effect on hover

C. Image disappears

D. No effect

Direction: Choose the correct option

What is the default value of opacity?

A. 0

B. 1

C. 0.5

D. 100%

Quipoin Menu