Gradients - Prefixed Syntax

Question 1

In the prefixed syntax, where should the direction value be defined?

Answer 1

first

Question 2

Where does the color stop position need to be defined?

Answer 2

after the color value

Question 3

In the prefixed syntax, what is the default direction of a linear gradient?

Answer 3

top to bottom

Question 4

T/F: Gradients can be used in any property that accepts images.

Answer 4

True

Question 5

How many color values are necessary to define a basic gradient?

Answer 5

2 comma-separated color values

Question 6

In the prefixed syntax, what keyword would we use to define a gradient that starts on the left side of the box and ends on the right?

Answer 6

left

Question 7

What components do we need in order to define a color stop?

Answer 7

1 color value and an optional position value

Question 8

What defines a gradient that starts at the bottom-left corner and ends at top-right corner?

Answer 8

webkit-linear-gradient(45deg, color1, color2);

Question 9

What keyword can we add to change the gradient’s end shape?

Answer 9

circle

Question 10

T/F: The default shape of a radial gradient is a perfect circle.

Answer 10

False

Question 11

What will create a radial gradient with an origin that is 20% from the top and 30% from the left?

Answer 11

-webkit-radial-gradient(30% 20%, circle, color1, color2);

Question 12

What are the keywords we can use to describe how big the ending shape should be?

Answer 12

closest-side, closest-corner, farthest-side, and farthest-corner

Question 13

In what order should the radial gradient’s shape, size, and position be defined?

Answer 13

position, shape, size