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

css receipt 9가지 — 한 줄씩 인쇄·절취선 찢기·바코드 스캔·나눠 내기목록·표 UI

css captcha 9가지 — 왜곡 글자·회전 맞추기·노이즈 속 글자 확인로그인·인증 UI

css waveform 9가지 — 피크로 줄이고 구간을 골라 자르는 오디오 파형 장면선택 UI

css tic tac toe 9가지 — 판이 스스로 셈하고 줄을 긋는 삼목 게임game

css fireworks 9가지 — 쏘아 올려 터지고 물 위에 비치는 불꽃놀이 장면인터랙션

css countdown timer 9가지 — 링·모래·도화선으로 줄어드는 남은 시간대시보드 UI

css snake game 9가지 — 키보드 없이 길을 찾아 먹이를 먹는 뱀 게임game

css floating label 9가지 — 입력칸 라벨이 스프링·관성으로 움직이는 폼입력 UI

css dither 9가지 — 움직이는 화면을 점의 배치로 그리는 디더링크리에이티브 UI

css popover 9가지 — 앵커에서 열리고 가장자리에서 뒤집히는 팝오버인터랙션

css masonry layout 9가지 — 높이가 다른 카드가 빈틈없이 자리를 찾는 배열갤러리

css starfield 9가지 — 별이 깊이를 따라 날아오르는 우주 배경크리에이티브 UI

css resize handle 9가지 — 모서리를 끌면 상자가 손에 붙어 따라온다drag

css sunset gradient 9가지 — 해가 낮아질수록 하늘과 바다가 따라 변한다크리에이티브 UI

css download button 9가지 — 눌리고 차오르고 파일이 날아가는 버튼버튼

css traffic light 9가지 — 신호에 맞춰 차가 서고 초록 물결이 이어진다크리에이티브 UI

css kanban board 9가지 — 카드가 따라붙고 놓을 자리가 열리는 보드대시보드 UI

css 그림자 효과 9가지 — 광원 위치에서 그림자를 계산하는 장면크리에이티브 UI

css 구분선 9가지 — 양 끝이 사라지고 글자 폭에 맞춰 선이 나뉘는 구분선 장면전환

css 조직도 만들기 9가지 — 가지 폭을 계산해 부모를 자식 한가운데 놓는 트리 장면크리에이티브 UI

css 버튼 색상 변경 9가지 — hover 중간 색이 탁해지지 않게 계산한 장면버튼

메쉬 그라데이션 애니메이션 9가지 — 색점 보간부터 노이즈 비틀기까지 JS 계산 장면크리에이티브 UI

페이지네이션 ui 9가지 — 창 계산부터 스프링 알약까지 고르는 쪽 이동목록·표 UI

이중 진자 시뮬레이션 9가지 — 오차 하나가 길을 가르는 카오스 장면game