목록:root (1)

다다의 개발일지 6v6

[JS] Day 3 - CSS Variables ( JS로 CSS 변수 수정하기! )

spacing, blur, base Color를 변경하면 사진에 그대로 적용되도록 할 예정! 우선 css를 건드려 보았다.hl { color: #f66687;}img { width: 50%; max-height: 600px; object-fit: cover; padding: 10px; background-color: #f66687;}이렇게 기본값으로 고정시키고 각각의 색, spacing을 JS로 변경하려고 했는데 그러면 전체 기본 색이 #F66687로 똑같은데.hl의 color따로 img의 배경색 따로 변경해줘야 한다. 그래서!! 아예 기본 색을 변수로 선언하려고 함. :root와 CSS 변수 (- -base, - -spacing, - -blur):root란?:root는 ..
Frontend/JavaScript 2025. 2. 21. 11:51
이전 Prev 1 Next 다음