HTML and CSS Reference
In-Depth Information
That's not an issue for you. Like the gradients in
Photoshop Blending Effects panel, you can choose
many colors for your CSS3 gradient.
So, the CSS for this looks like:
#page {
background:rgb(92,168,186);
background:-moz-linear-gradient(top, rgb(92,168,186) 0%, rgb(223,246,234) 55%,
rgb(255,255,255) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,
rgb(92,168,186)), color-stop(55%, rgb(223,246,234)), color-
top(100%,rgb(255,255,255)));
s
background:-webkit-linear-gradient(top, rgb(92,168,186) 0%, rgb(223,246,234) 55%,
rgb(255,255,255) 100%);
background:-o-linear-gradient(top, rgb(92,168,186) 0%, rgb(223,246,234) 55%,
rgb(255,255,255) 100%);
background:-ms-linear-gradient(top, rgb(92,168,186) 0%, rgb(223,246,234) 55%,
rgb(255,255,255) 100%);
}
Use the little awesome tool from
ColorZilla
tool and
paste the output generated inside the
style.css
file.
It's easy and fast.