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

181_자바스크립트 요소 채도 조절하기 [적용] 요소에 모노크롬 효과를 주고 싶을 때 [내용] 채도의 조절은 CSS의 filter 속성에 grayscale() 메소드를 사용한다. 기본 상태는 grayscale(0%)이며, 인수의 값이 100%이며 모노크롬 효과를 낸다. CSS Transitions와 Web Animations API 두 가지의 예시를 확인해 보자. CSS Transitions를 사용한 샘플 CSS style.css .rect { ...생략... filter: graysclae(0%); transition: all 0.5s; } .rect.state-show { filter: grayscale(100%); } JavaScript (부분) main.js const element = docum..

2022.07.19