Blog

Question 1:  Which CSS property is used to apply visual effects like blur or brightness to an element?

(A) filter

(B) effect

(C) visual-effect

Question 2:  Which CSS filter is used to convert a color image into grayscale?

(A) grayscale()

(B) blackwhite()

(C) desaturate()

Question 3:  What is the correct syntax to apply a blur effect of 5px?

(A) filter: blur(5px);

(B) blur-filter: 5px;

(C) effect: blur(5px);

Question 4:  Which CSS filter makes an image appear darker?

(A) contrast()

(B) brightness()

(C) opacity()

Question 5:  What value of the invert() function makes an image completely inverted (negative colors)?

(A) 0%

(B) 50%

(C) 100%

Question 6:  Which CSS property is used to add shadow effects to text?

(A) box-shadow

(B) text-shadow

(C) shadow-effect

Question 7:  What does the drop-shadow() filter function do?

(A) Adds a shadow to an element similar to box-shadow

(B) Removes the shadow from an element

(C) Inverts the colors of an image

Question 8:  Which CSS function is used to control the transparency of an element?

(A) visibility()

(B) opacity()

(C) alpha()

Question 9:  What is the default value of the filter property?

(A) none

(B) 0px

(C) initial

Question 10:  How can you apply multiple filters to an element?

(A) By separating them with commas

(B) By separating them with spaces

(C) By using multiple filter properties