css 그라데이션

.gradient01 { background: -moz-linear-gradient(top, #990, #066);　/* Firefox用 */ background: -webkit-gradient(linear, left top, left bottom, from(#990), to(#066));　/* Safari,Google Chrome用 */ } 또는 아래와 같이 자세히 지정도 가능하다.

.gradient05 { background: url(images/01.gif); }
.gradient05 p   {
    background: -moz-linear-gradient(top,
            rgba(60,100,50,0.5),
            #066);　/* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom,
            from(rgba(60,100,50,0.5)),
            to(#066));　/* Safari,Google Chrome用 */
    padding: 20px;
}