색상도 연산할 수 있다.
div {
color: #123456 + #345678;
// R: 12 + 34 = 46
// G: 34 + 56 = 8a
// B: 56 + 78 = ce
background: rgba(50, 100, 150, .5) + rgba(10, 20, 30, .5);
// R: 50 + 10 = 60
// G: 100 + 20 = 120
// B: 150 + 30 = 180
// A: Alpha channels must be equal
}
div {
color: #468ace;
background: rgba(60, 120, 180, 0.5);
}
'SASS > 문법 - 연산' 카테고리의 다른 글
문법 - (연산)논리 (0) | 2021.01.14 |
---|---|
문법 - (연산)문자 (0) | 2021.01.14 |
문법 - 숫자 (상대적 단위연산, 나누기 연산의 주의사항) (0) | 2021.01.14 |
문법 - 연산 (0) | 2021.01.14 |