너무나도 짧고 간단한 CSS로 드래그 배경색깔을 변경할 수 있다. 뿐만 아니라, 드래그를 했을 때 CSS를 수정해서 다양한 효과, 번지는 효과 혹은 부드러운 효과 등을 표현할 수 있다.
CSS
/* 드래그 배경색깔 변경 */
::selection { background: #000; color: #fff; text-shadow: none; }
위의 소스를 스킨편집 - CSS에 추가하면 적용된다. 배경색깔의 경우에는 취향에 맞게 HEX값을 넣어주면 된다. 위의 배경색상은 블랙으로 선언되어 있다.
만약 텍스트블록(마우스드래그) 시에 글씨색상을 변경하고 싶으면 Color : # 를 넣어주면 된다.
'Web Design > Programming' 카테고리의 다른 글
HTML5 웹문서 작성에 대한 고찰 (0) | 2019.03.28 |
---|---|
해당 요소의 텍스트를 변경하는 자바스크립트 (0) | 2019.03.21 |
마우스 우클릭·개발자도구[F12] 방지 자바스크립트 (0) | 2019.03.09 |
드래그 방지 마우스우클릭 복사방지 스크립트 (0) | 2019.02.26 |
티스토리 로딩바(loading bar - Indicator) 설치하기 (0) | 2019.02.25 |
티스토리 사이트 부드러운 스크롤(JavaScript) (0) | 2019.02.25 |
사이트 미리보기 페이지 로드기능 추가하기(instant.page) (0) | 2019.02.19 |
아름다운 CSS와 JavaScript (0) | 2019.02.06 |