CSS로 선형 그라디언트 구현하기

이 포스트에서는 CSS로 선형 그라디언트를 구현하는 방법을 설명합니다. 예전에는 배경색을 단색으로밖에 지정할 수 없어서 그라디언트를 구현하려면 이미지를 이용해야만 했습니다. 하지만 CSS3에서 그라디언트 기능이 추가되면서 그라디언트는 이미지 없이 구현할 수도 있게 되었습니다. 우선, 그라디언트를 구현하려면 다음과 같은 CSS를 사용합니다. selector { background: #55aaff; background: -webkit-linear-gradient(#55ffff, #5555ff); background: -moz-linear-gradient(#55ffff, #5555ff); background: -o-linear-gradient(#55ffff, #5555ff); background: linear-gradient(#55ffff, #5555ff); } … “CSS로 선형 그라디언트 구현하기” 더 읽기