Her gün elinin altında olan geliştirici araçları, hepsi tek yerde.

Dönüştürücüler, formatlayıcılar, hash'ler, doğrulayıcılar ve sürekli yeniden açtığın küçük yardımcılar sekmeler arasında kaybolmak yerine bir arada duruyor.

GitHub

/ Araçlar

■

/ Araç Bulucu

109 araç

/ Gradyan Üretici

Gradyan Türü

Açı: 90°

0°90°180°270°360°

Renk Durakları

100%

Gradyan Önizlemesi

CSS Kodu

CSS Özellik Değeri

Arka Plan Görseli

/ Seçili Araç

■

Gradyan Üretici - ücretsiz oluşturucu aracı

Birden çok renk durağıyla güzel CSS gradyanları oluştur

■ 01

CSS Gradyanları nedir?

CSS gradyanları, iki veya daha fazla renk arasında yumuşak geçişler oluşturur. Arka plan, kenarlık ve diğer özelliklerde kullanılabilirler. Gradyanlar tarayıcı tarafından işlenir ve pikselleşmeden mükemmel şekilde ölçeklenir.

■ 02

Nasıl çalışır?

Gradyanlar, bir yol boyunca belirli konumlarda renk durakları tanımlanarak çalışır. Doğrusal gradyanlar renkleri belirtilen bir açıda düz bir çizgi boyunca geçirirken, radyal gradyanlar bir merkez noktadan dışa doğru geçiş yapar…

■ 03

Örnek Durumlar

Doğrusal gradyan, radyal gradyan ve çok duraklı gradyanı kapsar; böylece yaygın girdileri ve çıktıları hızlıca karşılaştırabilirsin.

/ İlgili Araçlar

/ Kod

■

Seçili araca ait kaynak kodu; sağdaki canlı sürümün yanında burada gösteriliyor.

/ Kaynak Kodu

TypeScript

typescript

// No external dependencies needed - generates CSS gradient strings

interface ColorStop {
  color: string;
  position: number; // 0-100
}

type GradientType = 'linear' | 'radial';

interface GradientOptions {