.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; }]]>