[CSS3] 그라디언트

linear-gradient 를 이용해 선형으로 그라디언트를 나타낼수 있습니다. 기본으로 위에서 아래 방향의 그라디언트가 생성됩니다.

to left 를 통해 오른쪽에서 왼쪽방향으로 향하는 그라디언트를 생성하거나 

45deg등 값을 통해 45도 틀어진 방향으로 향하는 그라디언트를 생성할 수 있습니다. 

 

 

radial-gradient 는 원형 그라디언트로

가운데부터 바깥쪽으로 향하는 그라디언트가 생성됩니다.

 

그라디언트 시작 중심이 at top left 등의 값으로 그라디언트 중심의 위치를 설정할 수있습니다.