Blog/JavaScript
[JS30] 자바스크립트로 CSS 변수(사용자 정의 속성) 조절하기
🔥Javascript 30 - Day 03🔥 1. 마크업/스타일링 이번에는 CSS를 JS로 제어해 봅시다! 우선 적당히 마크업하고 적당히 스타일링 합니다(참 쉽죠?). 자세한 html, css코드는 Codepen 결과물 에 있어요! > 제어 가능한 옵션은 '폰트 사이즈/메인 컬러/이미지 블러처리' 요렇게 3가지입니다. Update CSS Variables With JS Option Font size Main Color Background Blur {텍스트} {텍스트} {텍스트} 2. :root 속성 작성하기 그 다음, 아래와 같이 CSS를 추가 작성해 줍니다. :root { /*코드 작성*/ } 잠깐!!! 도대체 :root가 뭐지?! 싶은 사람(바로 접니다)을 위해 짚고 넘어가죠! :root 선택자는 문..
2019. 1. 7.