ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko nb ko ko ko en en ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko en de ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko en ko ko ko en ko ko ko ko en es ko ko ko ko ko ko en
#25 CSS로 마우스 커서 조절하기 – 웹 코딩 강좌 | 디자인베이스
홈 웹 코딩 #25 CSS로 마우스 커서 조절하기 – 웹 코딩 강좌
오늘은 마우스 커서를 CSS로 조절하는 방법을 배워볼게요. 마우스 커서는 되게 사소한 부분이지만, 실제로 개발된 사이트 중에 제대로 지켜지지 않아 사용성을 헤치는 경우가 있습니다. 코드 몇줄로 커서의 모양을 원하는 대로 바꿀 수 있습니다. 우리가 지켜야할 부분이 어떤 것들인지 같이 살펴보도록 할게요.
예제 다운은 멤버십 회원 커뮤니티에 올린 링크에서 받으실 수 있습니다.
*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 제가 사용하는 툴은 비주얼 스튜디오 코드(Visual Studio Code)를 사용하며 여러분이 다른 툴을 사용한다면 환경이 다를 수 있습니다. 하지만 언어는 똑같기 때문에 작업하는 데 문제는 전혀 없습니다.
CSS로 커서의 모양을 조절할 수 있습니다. 아래 코드를 확인해 보세요.
.c-help{ cursor: help; } .c-wait{ cursor: wait; } .c-crosshair{ cursor: crosshair; } .c-not-allowed{ cursor: not-allowed; } .c-zoom-in{ cursor: zoom-in; } .c-zoom-out{ cursor: zoom-out; } .c-grab{ cursor: grab; } .c-grabbing{ cursor: grabbing; } .c-crosshair{ cursor: crosshair; } .c-crosshair{ cursor: crosshair; } .c-custom{ cursor: url(../img/cursor.png) 2 2, auto; }
#23 반응형 영상 배경 만들기 – 웹 코딩 강좌
#22 프로토타이핑 실습 예제 02 – 프로토파이 강좌
#05 구성요소 사용법 – 어도비 XD 강좌 (멤버십 전용)
디자이너가 무조건 피해야 할 회사 유형
클릭 한 번으로 웹사이트 화면 캡쳐뜨는 방법(크롬 확장 프로그램)
저작권 완전 무료 이미지 사이트 모음
New 맥북 16인치 목업
아이패드 프로 아이폰 목업
아이폰 손으로 잡고 있는 목업
10. 자유롭게 화면 조절하는 방법 OrbitControls – Three.js 강좌
27. 귀여운 꿀벌 일러스트 쉽게 만드는 방법 – 일러스트레이터 기초 강좌
09. 3d 물체에 그림자 적용하는 방법 – Three.js 강좌
26. 프리폼 그라디언트로 5초 만에 부드러운 그라데이션 배경 만드는 방법 – 일러스트레이터 기초 강좌
Youtube Instagram Pinterest Naver Blog
포토샵 일러스트레이터 피그마 스케치 XD 프로토파이
웹디자인 웹코딩 인비전 프린서플 Lottie Three.js
소개 매거진 디자인 사전 북마크 무료 소스 문의하기 멤버십
© 2022 Designbase. All rights reserved.