gradient

728x90

gradient

아직은 브라우저별로(브라우저 엔진별로) 통일화되지 않은 속성중 하나이다. 클롬, 오페라 IE가 서로 다른 표현 방법으로 사용되고 있다.

사용방법 : 크롬, 사파리만 지원

-webkit-gradient(유형, x1, y1, x2, y2,, from(시작색), to(끝색));

x1, y1, x2, y2 : 위치값이며, %단위를 사용할 수 있다.

[예제]

<!doctype html>

<html>

<head>

<style>

#back{

border:1px solid #ccc;

width:500px; height:200px;

background:#ccc

-webkit-gradient(linear, 0% 0%, 0% 100%, from(#669900), to(#fff));

}

</style>

</head>

<body>

</body>

</html>

728x90

뭉치의 히스토리