Toolipedia
TR
← Tüm metin araçları

Gölge ölçeği oluşturucu

CSS değişkenleri olarak uyumlu kutu gölgeleri (yükseklik düzeyleri) oluşturun.

  • Ücretsiz
  • Kayıt gerekmez
  • Her cihazda çalışır

Yaklaşık Gölge ölçeği oluşturucu

Tasarım sistemleri rastgele gölgeler yerine bir dizi yükseklik düzeyi kullanır. Bu araç, tutarlı açı, bulanıklık artışı ve opaklıkla küçükten büyüğe eşleşen box-shadow değerleri oluşturur ve kartların, menülerin ve kalıpların (modal) tutarlı kalması için bunları --shadow-sm ve --shadow-lg gibi CSS özel özellikleri olarak verir.

Gölge ölçeği oluşturucu nasıl kullanılır

  1. Bir gölge rengi, temel gücü ve seviye sayısı seçin.
  2. Yükseklik seviyelerini örnek kartlarda önizleyin.
  3. CSS değişkenlerini stil sayfanıza kopyalayın.

Neden bu aracı kullanmalısınız?

Diğer adları

Sıkça sorulan sorular

Tek bir gölge yerine neden katmanlı gölgeler kullanmalıyım?

Artan bulanıklıkla üst üste dizilmiş birkaç yumuşak gölge, tek bir ağır gölgeden daha doğal görünür, çünkü gerçek ışık hem sıkı bir temas gölgesi hem de geniş bir ortam gölgesi üretir.

Kaç gölge seviyesine ihtiyacım var?

Çoğu arayüz, düğmeler için küçükten iletişim kutuları için büyüğe kadar dört ila altı düzeyle iyi çalışır. Bundan fazlasını insanların ayırt etmesi zordur.

Gölgeler hangi renkte olmalı?

Arka plan renginizin yarı saydam koyu bir tonu, saf siyahtan daha doğal görünür. Koyu temalarda gölgeler daha az görünür, bu yüzden biraz daha fazla güç deneyin.

Gölge ölçeği oluşturucu ücretsiz mi?

Evet. Toolipedia'daki Gölge ölçeği oluşturucu ücretsizdir; kayıt gerektirmez ve filigran eklemez.

Kullanımı güvenli mi?

Evet. Her şey tarayıcınızda hesaplanır, girdiğiniz hiçbir şey sunucumuza gönderilmez.

Telefonumda çalışır mı?

Evet. Android ve iPhone'daki tüm modern tarayıcıların yanı sıra tablet ve bilgisayarlarda da çalışır. Hiçbir şey yüklemeniz gerekmez.

Hesap açmam gerekiyor mu?

Hayır. Sayfayı açıp aracı kullanmanız yeterli. Kayıt veya e-posta gerekmez.

Gölge ölçeği oluşturucu aracını kendi web siteme koyabilir miyim?

Evet. Aracın altındaki "Sitenize ekleyin" düğmesini kullanarak kısa bir kod parçasını kopyalayın ve sayfanıza yapıştırın. Ücretsizdir, hesap gerektirmez ve araç sayfanızın içinde çalışmaya devam eder.

İlgili araçlar