SASS/문법 - 연산

문법 - (연산)색상

appmaster 2021. 1. 14. 16:06

색상도 연산할 수 있다.

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