CSS Gradient Oluşturucu

CSS gradient, iki veya daha fazla renk arasında yumuşak geçiş oluşturan bir CSS özelliğidir. Linear (doğrusal), radial (dairesel) ve conic (konik) olmak üzere üç temel türleri vardır.

Linear gradient renkler arasında düz bir çizgi boyunca geçiş yapar. Radial gradient ise bir merkez noktasından dışa doğru dairesel veya eliptik geçiş oluşturur.

Conic gradient, bir merkez noktası etrafında döndürülen renk geçişleri oluşturur. Pasta grafikleri, renk tekerlekleri veya dekoratif arka planlar için idealdir.

Renk durakları, gradientin belirli noktalarında hangi rengin görüneceğini belirler. Yüzde değeriyle konumlandırılır: 0% başlangıç, 100% bitiş noktasıdır. Aradaki değerler geçiş noktalarını belirler.

Oluşturulan CSS kodunu kopyalayıp projenizde bir elementin background özelliğine yapıştırabilirsiniz. Örneğin: .element { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }