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

Related Posts

답글 남기기

이메일 주소를 발행하지 않을 것입니다. 필수 항목은 *(으)로 표시합니다