UI 메뉴판호버로 떠오르기“마우스 올리면 카드가 살짝 뜨는 거”
메뉴판 › UI 메뉴판 › 마우스 반응 › 물결(리플)
실물 새 창으로 열기ui-menu · fx-ripple
코드 보기
불러오는 중…
폰에서는
폰에서도 잘 맞는 몇 안 되는 반응이다. 손가락이 닿은 자리에서 퍼지게 pointerdown 좌표를 쓴다.
헷갈리는 것과 구분
이 영상에 나왔어요영상 속 물결 전환은 motion-menu 「파문 와이프」
웹사이트 연출 24 · 마우스를 올리거나 누를 때 영상 5번째 칸
같이 나온 7개 보기같은 묶음 · 마우스 반응
UI 메뉴판 · 마우스 반응
UI 메뉴판호버로 사진 확대“마우스 올리면 사진만 커지는 거”
호버로 사진 확대 Image Zoom on Hover
“마우스 올리면 사진만 커지는 거”UI 메뉴판커서 따라오기“커서를 동그라미가 졸졸 따라오는 거”
커서 따라오기 Cursor Follower
“커서를 동그라미가 졸졸 따라오는 거”UI 메뉴판자석 버튼“커서 가까이 가면 버튼이 끌려오는 거”
자석 버튼 Magnetic Button
“커서 가까이 가면 버튼이 끌려오는 거”UI 메뉴판밑줄 늘어나기“메뉴에 올리면 밑줄이 쭉 그어지는 거”
밑줄 늘어나기 Underline Animation
“메뉴에 올리면 밑줄이 쭉 그어지는 거”UI 메뉴판전후 비교 슬라이더“가운데 선을 끌어서 전후를 비교하는 거”
전후 비교 슬라이더 Before/After Slider
“가운데 선을 끌어서 전후를 비교하는 거”UI 메뉴판떠날 때 팝업“나가려고 할 때 뜨는 창”