Develop/기타
2021. 3. 3.
JavaScript 30 - DAY 03 CSS Variables
Update CSS Variables with JS Spacing: Blur: Base Color 목표 CSS 변수를 활용해서 배경색, 여백, 흐림 정도를 설정한다. 코드 분석 :root { --base: #ffc600; --spacing: 10px; --blur: 10px; } :root는 문서 트리의 최상위 요소를 선택한다. HTML에서는 과 동일하다. —base, —spacing, —blur라는 CSS 변수를 선언한다. 자주 사용되는 설정들을 변수로 선언할 수 있다. :root에서 CSS 변수를 선언한다는 건 전역 변수로 사용하겠다는 것이다. img { padding: var(--spacing); background: var(--base); filter: blur(var(--blur)); } .hl..