Tüm Araçlar
%100 Ücretsiz

CSS Gradient Oluşturucu

Projeleriniz için güzel renk geçişleri oluşturun.

135°
0%
100%

Önizleme

CSS Kodu

background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

CSS Gradient Nedir?

CSS gradient, iki veya daha fazla renk arasında yumuşak geçiş sağlar. Linear (doğrusal) ve radial (dairesel) olmak üzere iki temel tipi vardır. Modern web tasarımında arka planlar, butonlar ve kartlar için yaygın kullanılır.

İpuçları

  • 2-3 renk durağı en iyi sonuçları verir.
  • Yakın tonlar kullanarak yumuşak geçişler elde edin.
  • 135° ve 45° açılar genellikle en estetik sonuçları verir.