소개

GODRICH 은 웹을 만드는 사람에게 돌아가는 CSS·SCSS 애니메이션을 파일로 주는 곳입니다.

검색해서 나오는 코드는 대개 조각입니다. 붙이면 안 돌아가거나, 어디를 바꿔야 하는지 모릅니다. 여기 글은 하나마다 라이브 데모, 완결 소스(HTML+SCSS 와 React 판), 그리고 그 결과를 AI 에게 시킬 때 쓴 프롬프트를 묶어 zip 으로 드립니다.

글 하나에 들어 있는 것

• 실제로 움직이는 데모와 측정값
• 왜 이 속성을 쓰는지 원리 한 단락
• 실제로 깨지는 상황 하나
• 값 하나만 바꾼 변형 세 가지
• 접근성(prefers-reduced-motion) 처리
• 압축 파일과 비밀번호 (본문 안에 있습니다)

누가 쓰나

Cursor, Claude Code, v0 같은 도구로 웹을 만드는 분. CSS 를 직접 짜지 않아도 결과는 골라야 하는 분.

라이선스

zip 안의 코드는 MIT 입니다. 상업 사이트에 붙이셔도 됩니다. 이미지가 포함된 글은 이미지별 라이선스를 zip 안 README 에 적어 둡니다.

문의는 문의 페이지로.