HeronTool
한국어▾
로그인
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
홈 › 디자인 자료 › Skeleton Screen Generator

Skeleton Screen Generator

Generate shimmering placeholder blocks for loading states.

CSS 디자인 애니메이션
Rows—

사용 방법

  1. Adjust the parameters — the preview and CSS update instantly.
  2. 调整参数，预览与 CSS 实时更新。
  3. 調整參數，預覽與 CSS 即時更新。

사용 예

Generate shimmering placeholder blocks for loading states.

업로드가 없습니다 — 모든 처리는 브라우저에서 로컬로 진행됩니다.

댓글 / 신고 / 내 메모

먼저 로그인하세요 — 로그인

먼저 로그인하세요 — 로그인

먼저 로그인하세요 — 로그인

관련 도구
그라데이션 생성 선형/방사형 CSS 그라데이션을 실시간 미리보기로 생성합니다. 그라데이션 글꼴 미리보기 텍스트를 입력하고 폰트를 바꿔 실시간으로 미리봅니다. 폰트 아이콘 검색 Tabler 아이콘을 검색하고 SVG를 원클릭으로 복사합니다. 아이콘 컬러 팔레트 생성 기준 색상에서 조화로운 팔레트(유사/보색)를 만듭니다. 팔레트 목업 생성 URL이나 스크린샷을 기기 목업 프레임에 드롭해 미리봅니다. 목업 대비 검사 배경 위 텍스트의 WCAG 대비를 확인합니다. 대비 box-shadow 생성 CSS box-shadow를 시각적으로 만듭니다. 그림자 text-shadow 생성 CSS text-shadow를 만듭니다. 그림자