Gradients Flashcards

1
Q

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

A

No

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

The keyword “transparent” refers to what color value?

A
  • rgba(0, 0, 0, 0)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

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

A

height: 100%

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

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

A
  • using “rgba(255, 255, 255, 0)” instead of “transparent”
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

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

A

No

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

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

A
  • with comma-separated gradient values
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

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

A
  • make the last color-stop value the same as the first
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

How are the color transitions shifted apart in repeating gradients?

A
  • the difference between the last and first strop positions
How well did you know this?
1
Not at all
2
3
4
5
Perfectly