반응형
이미지든, text든 element라면 아래 링크와 같은 css로 select를 할 수 없도록 할 수 있다.
필자는 아래 스택 오버플로우 내용 중 해당 css를 이용하였고, 그 중 user-select: none;만 사용하였다.
(crocus 사이트는 chrome optimized로 만들어지고 있다.)
img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
https://stackoverflow.com/questions/7439042/css-js-to-prevent-dragging-of-ghost-image
반응형
'Basic > HTML & CSS' 카테고리의 다른 글
HTML을 이용하여 video 속도 조절 방법 (0) | 2020.12.27 |
---|---|
Crocus favicon design (0) | 2019.12.16 |
프로필 사진 테두리에 그라데이션 효과 넣기 (0) | 2019.11.03 |
CSS with INTERTWINED(네온 웨이브) (0) | 2019.10.03 |
CSS를 이용한 scattering hexagons (0) | 2019.09.29 |