<< Click to Display Table of Contents >>

그라데이션 - 방향


그라데이션 방향

Values

가로

가로 방향

세로

세로 방향

상향 대각선

상향 대각선 방향

하향 대각선

하향 대각선 방향

Reference

그라데이션 시작 위치 조합하여 여러 가지 형태로 그라데이션 효과를 적용할 수 있습니다.

Example: 그라데이션 시작 위치가 모서리에서

그라데이션 시작 위치 속성 값을 모서리에서로 설정하면 아래와 같이 적용됩니다.

가로

세로

상향 대각선

하향 대각선

Example: 그라데이션 시작 위치가 가운데에서

그라데이션 시작 위치 속성 값을 가운데에서로 설정하면 아래와 같이 적용됩니다.

가로

세로

상향 대각선

하향 대각선

Example: 그라데이션 시작 위치가 정방향

그라데이션 시작 위치 속성 값을 정방향으로 설정하면 아래와 같이 적용됩니다.

가로

세로

상향 대각선

하향 대각선

Example: 그라데이션 시작 위치가 역방향

그라데이션 시작 위치 속성 값을 역방향으로 설정하면 아래와 같이 적용됩니다.

가로

세로

상향 대각선

하향 대각선