드래그 색상 넣기

https://us.byhabit.com/

Health By Habit - Home

https://www.codingfactory.net/10859

CSS / 마우스로 텍스트 드래그했을 때 배경색, 글자색 바꾸기

다른 사이트를 둘러보다고 신기한 css 속성을 발견했다.

글자를 드래그시 지정된 색상으로 글자를 선택하고 마우스 클릭을 뗄 때, 한번 더 선택 색상이 변경되는 것이었다.

지정된 색상은 총 세가지로 순차적으로 이벤트에 따라 색상이 보여졌다.

궁금해서 기능을 검색해보니, css에 ::selection이라는 가상선택자를 통해 속성을 제어하더군요!

바로 예제를 만들어 보았습니다.