CSS

[ITSkeleton] CSS 배경 그라데이션 효과

ITSkeleton 2017. 2. 28. 11:39
728x90
반응형

background:linear-gradient(각도 지정(deg),시작할 부분의 색, 중간의 색, 끝날 부분의 색); 


//linear 선 이라는 의미로 위에서부터 아래로 그려줍니다. 시작색과 끝색만 있어도 그려집니다~


// 각도 지정부분에는


// to bottom : 위에서 아래로 (기본값)


// to top : 아래에서 위로


// to right : 왼쪽에서 오른쪽


// to left : 오른쪽에서 왼쪽


// N deg  :  N의 각도 만큼


// 로 지정할 수 있습니다.


background:radial-gradient(시작할 부분의 색 , 끝날 부분의 색); 


//radial 방사 라는 의미로 가운데에서 부터 원형으로 펴져 나갑니다. 시작색과 끝색만 있어도 그려집니다~


728x90
반응형