GODRICH
#css애니메이션#버튼#로딩#전환효과#스크롤#대시보드#실전ui#디자인트렌드

03배지 수량 튐 전환 — 알림 수량 값이 올라갈 때마다 그 표시의 크기 값이 한 번 커졌다가 되돌아오는 방식

수량 값이 올라가는 순간 그 표시의 크기 값이 잠깐 커졌다가 원래 크기로 가라앉습니다.

쓰임읽지 않은 알림 수를 보여주는 탭, 대기 중인 항목 수 표시

BUMP_ZETAtranslateYscale
배지 수량 튐 전환 — 알림 수량 값이 올라갈 때마다 그 표시의 크기 값이 한 번 커졌다가 되돌아오는 방식
새 창에서 열기

03 배지 수량 튐 전환 — 알림 수량 값이 올라갈 때마다 그 표시의 크기 값이 한 번 커졌다가 되돌아오는 방식 — 측정 누적면적 0.217% · 움직인 프레임 20/23GODRICH 원작 · zip 에 SCSS·React 포함 · 모바일 하단 탭바 9종 — 상태 값으로 바뀌는 아홉 가지 전환

이 데모가 속한 글

모바일 하단 탭바 9종 — 상태 값으로 바뀌는 아홉 가지 전환 — 데모 9종 미리보기모바일 하단 탭바 9종 — 상태 값으로 바뀌는 아홉 가지 전환모바일 하단 탭바는 화면 아래 고정된 채 상태 값 하나로 다시 계산해 그리는 자리인데, 아홉 가지 중 하나는 선택 값이 바뀌면 강조 표시의 위치와 너비 값이 새 자리로 함께 옮겨가고, 하나는 알림 수량 값이 올라가면 이 글의 데모 전부 보기

이 효과가 마음에 들면 — 비슷한 데모