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
홈 › 디자인 자료 › CSS Drop Shadow Generator

CSS Drop Shadow Generator

Build filter: drop-shadow() layers that follow the real shape of an element.

그림자 CSS 디자인
Layers—

사용 방법

  1. Adjust the values above.
  2. Results and CSS update live.
  3. Click Copy.

사용 예

Build filter: drop-shadow() layers that follow the real shape of an element.

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

댓글 / 신고 / 내 메모

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

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

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

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