[JavaScript] 자바스크립트 요소 밝기 조절하기

180_자바스크립트 요소 밝기 조절하기 [적용] 발기를 조절하여 요소를 눈에 띄게 만들고 싶을 때 포커스 상태 효과를 주고 싶을 때 [내용] 밝기 조절은 CSS의 filter 속성에 brightness() 메소드를 사용하며, brightness(100%)가 기본 상태다. 인수가 100%보다 크면 밝아지고 작으면 어두워진다. CSS Transitions와 Web Animations API 예시를 확인해 보자. CSS Transitions를 사용한 샘플 CSS style.css .rect { ...생략... filter: brightness(100%); transition: all 0.5s; } .rect.state-show { filter: brightness(300%); } JavaScript (부분) ..

2022.07.19