버튼 눌림 효과 UI 9종 — 눌림 값이 되돌아오는 아홉 가지 방식버튼
CSS 애니메이션
css 애니메이션 효과 모음 페이지입니다. css 애니메이션 종류까지 한자리에 모아 두었고, 돌아가는 데모와 복사해 쓰는 CSS, 비밀번호 zip 을 편마다 같이 준다. 값은 전부 실제로 렌더해 측정한 것이다.
버튼 눌림 효과 UI 9종 — 눌림 값이 되돌아오는 아홉 가지 방식버튼
컨텍스트 메뉴 UI 9종 — 클릭 좌표 값이 메뉴 위치를 정하는 방식전환
당겨서 새로고침 9종 — 당긴 거리 값이 새로고침을 만드는 방식로딩
CTA 버튼 디자인 9종 — 그림자가 늘어나는 것부터 막대가 튀는 것까지버튼
장바구니 담기 UI 9종 — 스프링부터 배지 관성까지전환
무한 스크롤 로딩 UI 패턴 9종 — 스피너부터 가상 윈도우까지로딩
필터 UI 9종 — 패널 슬라이드부터 칩 제거까지전환
타이핑 인디케이터 UI 9종 — 점 3개부터 그룹 채팅까지로딩
파일 업로드 진행률 로더 9종 — 드래그부터 체크까지 계산로딩
CSS 토글 버튼 9종 — 실물처럼 만드는 토글 스위치 UI버튼
css 인트로 애니메이션 9종 — 인트로 만들기 핵심로딩
CSS 스위치 버튼 9종 — 실물처럼 눌리는 레버·다이얼·이젝트버튼
스크롤 트리거 애니메이션 9종 — GSAP 없이 바닐라 JS 엔진으로스크롤
스크롤 인디케이터 9종 — 어디까지 읽었는지 보여주는스크롤
페이지 로딩 애니메이션 9종 — 화면이 바뀌는 동안로딩
플로팅 버튼 아이콘 버튼 패턴 9종 — 누르고 끌고 펼쳐지는버튼
메가 메뉴 ui 9종 — 링크 나열이 아니라 사이트 지도전환
스크롤 스토리텔링 섹션 9종 — 복붙하는 CSS 장면 구성스크롤
css 버튼 클릭 효과 9종 — 누른 다음이 진짜다버튼
토스트 알림 UI 9종 — 쌓이고 밀리고 사라지는 스택피드백
플로팅 내비게이션 독 스타일 9종 — 호버 물결이 따라오는전환
쿠키 동의 배너 UI 9종 — 그대로 붙이는 동의 관리 코드피드백
웹 온보딩 UI 9종 — 복붙하면 되는 투어 위젯 코드피드백
css 버튼 hover 효과 모음 9종 — 수상작에서 반복되는 기법버튼