CHAPTER 7. COLORS 78
point can be specified as a percentage distance from the top or bottom and
a percentage distance from left or right.
The shape defaults to ellipse with an aspect ratio that matches the space
you are filling. You can specify circle if you want.
Here is an example of a radial rainbow gradient with red in the center:
h1 { background-image: radial-gradient( circle,
red, orange, yellow, green, blue, indigo, violet ); }
Repeating Gradients
You can also have a gradient repeat, just like other background images can
repeat. (We will not present the details here.)
7.6 Tools
Colorzilla (http://www.colorzilla.com/) has a wonderful toolbox for Fire-
fox and for Chrome. It also has a very nice gradient generator.
7.7 For Further Study
http://www.w3.org/wiki/Colour_theoryhas an excellent, in-depth arti-
cle on color theory written by Linda Goin.
You may want to read more about colors and color theory. We recommend
doing a Google search for phrases like these.
- color theory
- color wheel
- analygous colors
- complementary colors
- color and emotion