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

01인쇄 머리가 한 줄씩 찍을 때마다 종이가 한 칸 밀리며 미세하게 떨리는 영수증 인쇄 장면

줄마다 종이를 일정 거리 밀어 올리고, 밀릴 때 가로로 작은 떨림을 얹는다. 글자는 줄이 끝난 뒤에만 진해져 한 줄씩 나오는 느낌이 난다.

쓰임매장 결제 완료 화면·주문 내역 출력 연출

FEED_PXLINE_MSSHIVER_PXPAPER_W
인쇄 머리가 한 줄씩 찍을 때마다 종이가 한 칸 밀리며 미세하게 떨리는 영수증 인쇄 장면
새 창에서 열기

01 인쇄 머리가 한 줄씩 찍을 때마다 종이가 한 칸 밀리며 미세하게 떨리는 영수증 인쇄 장면 — 측정 누적면적 23.613% · 움직인 프레임 23/23GODRICH 원작 · zip 에 SCSS·React 포함 · css receipt 9가지 — 한 줄씩 인쇄·절취선 찢기·바코드 스캔·나눠 내기

이 데모가 속한 글

css receipt 9가지 — 한 줄씩 인쇄·절취선 찢기·바코드 스캔·나눠 내기 — 데모 9종 미리보기css receipt 9가지 — 한 줄씩 인쇄·절취선 찢기·바코드 스캔·나눠 내기css receipt 한 장 안에는 인쇄 머리의 떨림, 종이의 말림, 합계의 굴림이 겹쳐 있다 — 01번은 줄마다 밀리는 거리에 떨림을 얹고, 06번은 롤에서 풀리는 종이의 원통 음영을 픽셀마다 계산한다. 가게 이름 이 글의 데모 전부 보기

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