Gradyan Üretici Pro

Bu araç ne işe yarar?

Gradient Generator Pro, tarayıcıda canlı önizlemeyle doğrusal, dairesel ve konik CSS gradyanları oluşturmanıza olanak tanır. 2 ila 6 renk durağı ekleyin, açıyı ve konumları ayarlayın, ardından kullanıma hazır 'background' CSS kodunu tek tıkla kopyalayın. Web tasarımcıları ve geliştiriciler için idealdir.

Nasıl kullanılır?

Değerleri ve seçenekleri ayarlayın.
Canlı önizlemede sonucu görün.
Üretilen CSS/kodu projenize kopyalayın.

Üç gradyan türü ve tam kontrol

Doğrusal (linear-gradient), dairesel (radial-gradient) ve konik (conic-gradient) türleri arasında geçiş yapabilirsiniz. Doğrusal ve konik gradyanlarda 0–360° arası açıyı kaydırıcıyla ayarlarsınız. Her renk durağı için renk seçici ve yüzde konumu (%0–100) sunulur; böylece 'linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%)' gibi tam değerleri görürsünüz. Renk durakları arasında geçiş noktalarını hassas biçimde belirleyerek yumuşak veya keskin geçişler tasarlarsınız.

Hazır şablonlar ve hızlı başlangıç

Ocean, Sunset, Forest, Fire, Midnight ve Rose adlı altı hazır şablonla saniyeler içinde profesyonel görünümlü bir gradyana başlayabilirsiniz. Bir şablona tıkladığınızda renk durakları otomatik yüklenir; ardından açıyı veya renkleri zevkinize göre değiştirir, sonucu kopyalarsınız. Buton arka planları, kahraman bölümleri (hero) veya kart yüzeyleri için hızlı bir başlangıç noktası sunar.

Sıkça sorulan sorular

Kaç renk durağı ekleyebilirim?

En az 2, en fazla 6 renk durağı kullanabilirsiniz. İkiden fazla durak varken her birini '×' düğmesiyle kaldırabilirsiniz.

Dairesel gradyanda neden açı ayarı yok?

radial-gradient merkezden dışa doğru yayıldığı için açının bir anlamı yoktur. Açı kaydırıcısı yalnızca doğrusal ve konik türlerde görünür.

Kopyalanan kod tam olarak nedir?

Doğrudan stil dosyanıza yapıştırabileceğiniz 'background: ...;' biçiminde tam bir CSS bildirimi kopyalanır.