CSS에 변수를 만들어서 사용할 수 있다. 여러 값을 한 번에 변경할 수 있기때문에 유지보수에 효율적이다.
CSS 변수 만들기
:root{
--red : #dc3545;
--blue : #007bff;
}
CSS 변수 사용하기
.box{
background-color:var(--red);
}
반응형
'Frontend > CSS' 카테고리의 다른 글
[CSS] em/rem (0) | 2021.07.30 |
---|---|
[CSS] 폰트 파일 적용시키기 @font-face (1) | 2021.07.23 |
[CSS]가상 클래스/ 가상 요소 (0) | 2021.07.06 |
[CSS]transform(3D)속성 : perspective(원근법) (0) | 2021.07.06 |
버블이 움직이는 background css animation (0) | 2021.07.01 |