$0.style.backgroundColor = 'red';
$0.style.setProperty('--mouse-x', '120px');가상 선택자는 JS로 접근할 방법이 없기 때문에, 가변적인 수치로 인한 스타일링을 위해선 CSS variable을 사용한다.
해당 variable에 적정 수치를 넣어 컨트롤 가능하다.
지원 브라우저 : https://caniuse.com/css-variables
배울게 천지
$0.style.backgroundColor = 'red';
$0.style.setProperty('--mouse-x', '120px');가상 선택자는 JS로 접근할 방법이 없기 때문에, 가변적인 수치로 인한 스타일링을 위해선 CSS variable을 사용한다.
해당 variable에 적정 수치를 넣어 컨트롤 가능하다.
지원 브라우저 : https://caniuse.com/css-variables
이렇게 유용한 정보를 공유해주셔서 감사합니다.