스켈레톤 로더 생성기 - Free Online Tool | PivaBox

펄스 및 쉬머 애니메이션이 포함된 CSS 스켈레톤 로딩 플레이스홀더 생성 — 카드, 리스트, 텍스트, 아바타, 테이블, 대시보드

스켈레톤 로더 생성기 사용 방법

  1. 드롭다운에서 레이아웃 타입을 선택합니다 — 카드, 리스트, 텍스트 블록, 아바타+텍스트, 테이블, 대시보드 그리드
  2. 애니메이션(펄스 또는 쉬머)을 선택하고 기본 색상하이라이트 색상을 고르고 치수와 아이템 수를 조정합니다
  3. 스켈레톤 로더 애니메이션을 실시간으로 미리보기한 후, 생성된 HTMLCSS 코드를 복사합니다

Frequently Asked Questions

스켈레톤 로더 생성기는 무료인가요?

네, PivaBox 스켈레톤 로더 생성기는 완전 무료로 사용할 수 있습니다. 모든 생성은 브라우저에서 로컬로 실행됩니다.

디자인이 서버에 업로드되나요?

아니요. 모든 스켈레톤 로더 생성 및 미리보기는 브라우저에서 완전히 실행됩니다. 디자인이 장치를 떠나지 않습니다.

어떤 애니메이션 타입이 지원되나요?

펄스(불투명도 파동)와 쉬머(그라데이션 슬라이드) 두 가지 애니메이션을 지원합니다. 쉬머 애니메이션은 background-size: 200% 100%와 background-position 애니메이션을 사용하여 현대 UI에서 인기 있는 로딩 쉬머 효과를 만듭니다.