CSS/SASS
[SCSS] 작성법 14 - SCSS 작성시 사용가능한 내장함수
알찬 퍼블리셔
2019. 6. 17. 15:10
728x90
반응형
[CSS/SASS] - [SCSS] 작성법 13 - 연산하는 값 사용하기
- 색상함수
mix(색1, 색2) : 색1과 색2를 섞은 색으로 나타납니다.
lighten(색, %) : 색1을 %만큼 밝게 만들어줍니다.
darken(색, %) : 색을 %만큼 어둡게 만들어줍니다.
saturate(색, %) : 색상의 채도를 % 만큼 올립니다.
desaturate(색, %) : 색상의 채도를 % 만큼 올립니다.
grayscale(색) : 색상의 회색으로 변환합니다
invert(색) : 색을 반전시킵니다.
rgba(색, 알파값) : 알파값(0-1) 투명도 지정
opacify(색,%) , fade-in(색,%) : 색상을 더 불투명하게 만듭니다.
transparentize(색,%), fade-out(색,%) : 색상을 더 투명하게 만든다.
728x90
반응형