본문으로 건너뛰기

애니메이션 컴포넌트

Katzero가 사이트에 넣을 수 있는 효과와 그 출처.

디자인에 어울린다면 Katzero는 움직이는 배경, 곡선으로 흐르는 텍스트, 올라가는 숫자, 빛나는 버튼을 넣을 수 있어요. 작은 내장 라이브러리에서 가져오기 때문에 내 사이트 주소에서 불러오고, 미리보기, 게시된 사이트, 이전 버전에서도 잘 작동해요.

  • 배경: Aurora, Plasma, Light Rays, Waves, Line Waves, Particles, Grid Scan, Hyperspeed.
  • 텍스트와 숫자: Curved Loop, Gradient Text, Shiny Text, Count Up, Counter.
  • 이미지와 버튼: Circular Gallery, Flying Posters, Tilted Card, Star Border.

무거운 효과는 화면에 보일 때만 시작하고, 페이지당 최대 2개까지만 실행되며, 움직임 줄이기를 설정한 방문자에게는 정지된 버전이 보여요. “메인 영역 뒤에 오로라”처럼 이름으로 요청하거나, Katzero에게 빼 달라고 하세요.

출처

이 컴포넌트들은 David Haz의 React Bits를 바탕으로 만들었으며, MIT 및 Commons Clause 라이선스에 따라 사용해요.