UI 메뉴판호버로 떠오르기“마우스 올리면 카드가 살짝 뜨는 거”
메뉴판 › UI 메뉴판 › 마우스 반응 › 전후 비교 슬라이더
실물 새 창으로 열기ui-menu · fx-before-after
코드 보기
불러오는 중…
폰에서는
손가락으로 끄는 것도 잘 된다. 손잡이 터치 영역을 44px 이상으로.
헷갈리는 것과 구분
이 영상에 나왔어요랜딩 섹션 단위로는 landing-menu 「비포/애프터」
웹사이트 연출 24 · 마우스를 올리거나 누를 때 영상 7번째 칸
같이 나온 7개 보기같은 묶음 · 마우스 반응
UI 메뉴판 · 마우스 반응
UI 메뉴판호버로 사진 확대“마우스 올리면 사진만 커지는 거”
호버로 사진 확대 Image Zoom on Hover
“마우스 올리면 사진만 커지는 거”UI 메뉴판커서 따라오기“커서를 동그라미가 졸졸 따라오는 거”
커서 따라오기 Cursor Follower
“커서를 동그라미가 졸졸 따라오는 거”UI 메뉴판자석 버튼“커서 가까이 가면 버튼이 끌려오는 거”
자석 버튼 Magnetic Button
“커서 가까이 가면 버튼이 끌려오는 거”UI 메뉴판물결(리플)“누른 자리에서 동그랗게 퍼지는 거”
물결(리플) Ripple Effect
“누른 자리에서 동그랗게 퍼지는 거”UI 메뉴판밑줄 늘어나기“메뉴에 올리면 밑줄이 쭉 그어지는 거”
밑줄 늘어나기 Underline Animation
“메뉴에 올리면 밑줄이 쭉 그어지는 거”UI 메뉴판떠날 때 팝업“나가려고 할 때 뜨는 창”