그라디언트 / 그림자

background에 gradient 속성값을 주면 그라디언트를 생성할 수 있다.

 

► 직선형 그라디언트

background: linear-gradient(방향, 시작색, 끝색)

방향값: to top/bottom/left/right , (각도)deg

 

► 원형그라디언트

background: radial-gradient(안쪽색, 바깥색);

색은 원하는 갯수만큼 무한대로 넣을 수 있지만 2가지 색을 이용하는 것이 일반적이다.

 

 

 

► 박스테두리 둥글게 만들기

border-radius: 반지름의 크기

width길의 절반 크기를 적용할경우 정원을 만들 수 있음

 

► 박스에 그림자 만들기

box-shadow : 가로축, 세로축, 블러, 색상;

 

► 텍스트에 그림자 만들기

text-shadow : 가로축, 세로축, 블러, 색상;