CSS Quizs Question & Answers – Gradients without Images

Q 1. Which of the following is not a browser-specific versions of linear-gradient()?
A. -moz-linear-gradient()
B. -mac-linear-gradient()
C. -o-linear-gradient()
D. -webkit-linear-gradient()

Show Answer

Answer:-B. -mac-linear-gradient()

Q 2. Which of the following argument is not accepted by radial-gradient() function?
A. Shape
B. Position
C. Color stops
D. Time

Show Answer

Answer:-D. Time

Q 3. Which of the following function creates a CSS gradient image that can be used anywhere an image URL is required, including background-image, border-image, and list-style properties?
A. gradient
B. canvas
C. animation
D. color

Show Answer

Answer:-A. gradient

Q 4. Which of the following option best explain this code “background-image: repeating-radial-gradient(circle at 50% 100%, #FFEB79, #D9CC3C 5%);”?
A. Creating Infinte circular Gradients
B. Creating Repeating Radial Gradients
C. Creating Repeating Circular Gradients
D. Creating Infinite Radial Gradients

Show Answer

Answer:-B. Creating Repeating Radial Gradients

Q 5. Which of the following option best explain this code “background-image: repeating-linear-gradient(-45deg, #426A77, #FFF 6px);”?
A. Creating Straight Stripes
B. Creating Cubic Stripes
C. Creating Spiral Stripes
D. Creating Diagonal Stripes

Show Answer

Answer:-D. Creating Diagonal Stripes

Q 6. Which of the following option best explain this code “background-image: repeating-linear-gradient(to right, #D9CC3C, #FFEB79 5%, #D9CC3C 10%);”?
A. Creating a Repeating Gradient
B. Creating a Mix Repeating Gradient
C. Creating a Smooth Repeating Gradient
D. Creating a Shadow Repeating Gradient

Show Answer

Answer:-C. Creating a Smooth Repeating Gradient

Q 7. Which of the following CSS Gradient Functions sets the direction and colors of a gradient that fades from one color to the next in a straight line?
A. gradient()
B. line-gradient()
C. linear-gradient()
D. none of the mentioned

Show Answer

Answer:-D. none of the mentioned

Q 8. Which of the following CSS Gradient Functions creates a circular or elliptical gradient, and optionally sets its shape, size, and position?
A. radial-gradient()
B. circular-gradient()
C. elliptical-gradient()
D. none of the mentioned

Show Answer

Answer:-C. elliptical-gradient()

Q 9. Which of the following CSS Gradient Functions Creates a radial gradient that repeats infinitely?
A. infinite-radial-gradient()
B. repeating-radial-gradient()
C. repeat-radial-gradient()
D. none of the mentioned

Show Answer

Answer:-C. repeat-radial-gradient()