[HTML5&CSS3] 선형 그레디언트(linear-gradient)

색상에 선형 그레디언트(linear-gradient)를 표현하려면 linear-gradient 함수를 사용할 수 있으며 해당 함수는 CSS3전용입니다.

<style type="text/css">
    div {
        background: linear-gradient(45deg, gray 10%, white 100%);
    }
</style>

첫 번째 속성의 값은 그레디언트를 그릴 각도이며 이어서 시작 색상 및 위치(% 단위)와 종료 색상 및 위치를 지정하면 됩니다.