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

179_자바스크립트 요소 투명도 조절하기 [적용] 비표시 상태가 되는 요소 효과를 주고 싶을 때 [내용] CSS의 opacity 속성을 사용해 요소의 불투명도를 조절한다. opacity가 1일 때는 완전 불투명 상태이며, 0일 때는 완전 투명 상태, 0.5는 반투명 상태다. CSS Transitions와 Web Animations API의 예시를 확인해 보자. CSS Transitions를 사용한 샘플 CSS style.css .rect { width: 200px; height: 200px; display: block; position: absolute; background: white; top: 100px; transition: all 0.5s; } .rect.state-show { opacity: 0..

2022.07.19