HeronTool
Türkçe▾
Giriş
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
Ana sayfa › Tasarım kaynakları › React Native Shadow Generator

React Native Shadow Generator

Generate iOS and Android shadow props plus the matching CSS box-shadow.

CSS Tasarım Gölge
iOS—
Android—

Nasıl kullanılır

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

Kullanım senaryoları

Generate iOS and Android shadow props plus the matching CSS box-shadow.

Hiçbir şey yüklenmez — her şey tarayıcınızda yerel olarak işlenir.

Yorum / Bildir / Notlarım

Önce giriş yapın — Giriş

Önce giriş yapın — Giriş

Önce giriş yapın — Giriş

İlgili araçlar
Degrade üretici Canlı önizlemeyle doğrusal/radyal CSS gradyanları üretir. Gradyan Yazı tipi önizleme Metin yazın ve canlı önizleme için yazı tipini değiştirin. Yazı tipi İkon arayıcı Tabler simgelerini arayın ve SVG'lerini tek tıkla kopyalayın. Simge Renk paleti üretici Temel renkten uyumlu bir palet (benzer/tamamlayıcı) oluşturun. Palet Mockup üretici Cihaz mockup çerçevesine URL veya ekran görüntüsü sürükleyin. Mockup Renk kontrastı Metnin arka plandaki WCAG kontrastını kontrol eder. Kontrast box-shadow üretici CSS box-shadow'u görsel oluşturur. Gölge text-shadow üretici CSS text-shadow oluşturur. Gölge