버튼 눌림 효과 UI 9종 — 눌림 값이 되돌아오는 아홉 가지 방식버튼
SCSS
기술
버튼 눌림 효과 UI 9종 — 눌림 값이 되돌아오는 아홉 가지 방식버튼
비밀번호 강도 UI 9종 — 강도 값이 계산되는 아홉 가지 방식입력 UI
별점 UI 9종 — 채움 값이 상태에 따라 바뀌는 방식선택 UI
컨텍스트 메뉴 UI 9종 — 클릭 좌표 값이 메뉴 위치를 정하는 방식전환
당겨서 새로고침 9종 — 당긴 거리 값이 새로고침을 만드는 방식로딩
CTA 버튼 디자인 9종 — 그림자가 늘어나는 것부터 막대가 튀는 것까지버튼
숫자 스텝퍼 UI 패턴 9종 — 길게 누를수록 빨라지는 것부터 눈금에 붙는 것까지입력 UI
장바구니 담기 UI 9종 — 스프링부터 배지 관성까지전환
무한 스크롤 로딩 UI 패턴 9종 — 스피너부터 가상 윈도우까지로딩
마이크로 인터랙션 사이트 UI 패턴 9종 — 토스트부터 스크롤 스파이까지인터랙션
랜딩페이지 히어로섹션 디자인 9종 — 통계 카운터까지랜딩 섹션
필터 UI 9종 — 패널 슬라이드부터 칩 제거까지전환
타이핑 인디케이터 UI 9종 — 점 3개부터 그룹 채팅까지로딩
케이스 스터디 사이트 UI 9종 — 성과 수치까지 계산해 보여주는랜딩 섹션
가격표 디자인 UI 9종 — 연/월 전환·할인율까지 계산해서 보여주는랜딩 섹션
팀 소개 페이지 UI 9종 — 인원수·소개글 길이·시차까지 계산해서 보여주는랜딩 섹션
드래그 앤 드롭 파일 업로드 UI — 드롭존 9종, 파일 데이터 계산을 얹다drag
드래그 앤 드롭 UI 리스트 — 목표 인덱스 계산을 얹은 9종drag
input 자동완성 검색창 — 하이라이트·디바운스·편집거리 계산을 얹은 9종입력 UI
css input range 슬라이더 — 관성·스냅 계산을 얹은 커스텀 9종선택 UI
아이소메트릭 디자인 — 진짜 등각투영 행렬로 짓는 3D 다이오라마 씬 9종인터랙션
룰렛 돌리기 — 튕겨 돌리고 마찰로 멈추는 돌림판 캔버스 9종game
만화경 그리기 — 대칭 반사 각도로 그리는 캔버스 9종크리에이티브 UI