Gradients

Question 1

Y/N: Does the background image value need to be declared before the gradient value in order for the gradient to overlay the image?

Answer 1

No

Question 2

The keyword “transparent” refers to what color value?

Answer 2

• rgba(0, 0, 0, 0)

Question 3

In order for a gradient to extend the full height of a page, what declaration needs to be applied to the html element?

Answer 3

height: 100%

Question 4

What is one of the ways we can prevent a transparent gradient from having a greyish tone?

Answer 4

• using “rgba(255, 255, 255, 0)” instead of “transparent”

Question 5

Y/N: Is the syntax for repeating linear and radial gradients different from their non-repeating syntaxes?

Answer 5

No

Question 6

How do we apply multiple gradients to an element’s background?

Answer 6

• with comma-separated gradient values

Question 7

How do we create a repeating gradient with smoother color transitions?

Answer 7

• make the last color-stop value the same as the first

Question 8

How are the color transitions shifted apart in repeating gradients?

Answer 8

• the difference between the last and first strop positions