<< Click to Display Table of Contents >>
그라데이션 - 방향
그라데이션 방향
Values
가로 |
가로 방향 |
세로 |
세로 방향 |
상향 대각선 |
상향 대각선 방향 |
하향 대각선 |
하향 대각선 방향 |
Reference
그라데이션 시작 위치 조합하여 여러 가지 형태로 그라데이션 효과를 적용할 수 있습니다.
Example: 그라데이션 시작 위치가 모서리에서
그라데이션 시작 위치 속성 값을 모서리에서로 설정하면 아래와 같이 적용됩니다.
가로 |
세로 |
상향 대각선 |
하향 대각선 |
---|---|---|---|
Example: 그라데이션 시작 위치가 가운데에서
그라데이션 시작 위치 속성 값을 가운데에서로 설정하면 아래와 같이 적용됩니다.
가로 |
세로 |
상향 대각선 |
하향 대각선 |
---|---|---|---|
Example: 그라데이션 시작 위치가 정방향
그라데이션 시작 위치 속성 값을 정방향으로 설정하면 아래와 같이 적용됩니다.
가로 |
세로 |
상향 대각선 |
하향 대각선 |
---|---|---|---|
Example: 그라데이션 시작 위치가 역방향
그라데이션 시작 위치 속성 값을 역방향으로 설정하면 아래와 같이 적용됩니다.
가로 |
세로 |
상향 대각선 |
하향 대각선 |
---|---|---|---|