Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CSS: Gradient & Text Shadow Review

Total questions: 8

Worksheet time: 4mins

Name
Class
Date
1.

A _____ lets you display smooth transitions between 2 or more colors.

a)

gradient

b)

text shadow

c)

background image

d)

color blur

2.

How many color stops can you have on a linear gradient?

a)

1

b)

2

c)

3

d)

As many as you want

3.

How would I write code to make a linear gradient that goes from blue to green (top to bottom)?

a)

linear-gradient: blue green;

b)

background-image: linear-gradient(blue, green);

c)

gradient: linear blue green;

d)

background: linear-gradient(green, blue);

4.

How would I code this gradient?

a)

linear-gradient(to bottom right, red, yellow);

b)

linear-gradient(to right, red, yellow);

c)

linear-gradient(red, yellow);

d)

linear-gradient(to bottom left, red, yellow);

5.

True or false: The default radial gradient shape is an ellipse.

a)

True

b)

False

6.

What does h-shadow mean?

a)

happy shadow

b)

hand shadow

c)

hazard shadow

d)

horizontal shadow

7.

True or false: blur-radius affects the blurriness of a text shadow.

a)

True

b)

False

8.

True or false: You can only have one text shadow.

a)

True

b)

False