CSS·SCSS 애니메이션 데모와 프롬프트

날짜 선택 UI 9종 — 팝오버로 열고 접는 아홉 가지 방식선택 UI

펼쳐지는 버튼 UI 9종 — 모양이 달라지는 아홉 가지 방식버튼

카드 번호 입력 UI 9종 — 자릿수 값마다 반응이 달라지는 아홉 가지 방식입력 UI

아코디언 테이블 9종 — 행이 펼쳐지고 접히는 아홉 가지 방식전환

다운로드 진행 상황 표시 9종 — 값이 퍼센트 단위로 갱신되는 아홉 가지 방식로딩

자동저장 표시 9종 — 값이 초 단위로 갱신되는 저장 상태 아홉 가지피드백

로그인 실패 횟수 제한 9종 — 값이 계산으로 좁혀지는 잠금 아홉 가지로그인·인증 UI

관성 스크롤 9종 — 멈춘 뒤에도 값이 스스로 줄어드는 아홉 가지 방식스크롤

버튼 눌림 효과 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종 — 코드·링크·텍스트 복사 피드백까지인터랙션

유튜브 임베드 코드 9종 — SNS 카드도 담은 플레이스홀더 UI임베드

컬러피커 UI 디자인 9종 — 휠부터 최근 색상까지입력 UI