Gradient Koleksiyonuna Göz Atın
Farklı renk kombinasyonlarını ve stilleri keşfetmek için gradient örnekleri ızgarasında gezinin. Her gradient, adını ve renk kodlarını gösterir.
Bireysel Renkleri Görüntüleyin
Başlangıç rengini görmek için bir gradientin sol yarısına, bitiş rengini görmek için sağ yarısına tıklayın. HEX kodu 2 saniye boyunca görüntülenecektir.
Gradient CSS'i Kopyalayın
Herhangi bir gradientin altındaki 'Gradienti kopyalamak için tıklayın' düğmesine tıklayarak tam CSS background özelliğini panonuza kopyalayın.
Projenizde Kullanın
Kopyaladığınız CSS kodunu stil dosyanıza veya satır içi stillerinize yapıştırın. Gradient, linear-gradient formatında kullanıma hazırdır.
100'den Fazla Özel Seçim Gradient
Kolay göz atma için stil ve renk temasına göre düzenlenmiş 100'den fazla güzel gradient kombinasyonundan oluşan özenle seçilmiş bir koleksiyona erişin.
Etkileşimli Renk Önizlemesi
Bireysel başlangıç ve bitiş renklerini HEX kodlarıyla birlikte görüntülemek için herhangi bir gradient örneğinin sol veya sağ yarısına tıklayın.
Tek Tıkla CSS Kopyalama
Kopyala düğmesine tek bir tıklama ile kullanıma hazır CSS linear-gradient kodunu anında panonuza kopyalayın.
Görsel Gradient Izgarası
Hızlı referans için gradient adları ve renk kodlarının açıkça görüntülendiği temiz, modern bir ızgara düzeninde gradientlere göz atın.
Renk geçişleri, iki veya daha fazla renk arasında pürüzsüz geçişler yaparak görsel olarak çekici bir harmanlama oluşturur. Web tasarımında, CSS lineer gradientler, belirli bir yönde akan bu renk geçişlerini oluşturmanıza olanak tanır. Kütüphanemiz, arka planlar, düğmeler, kartlar ve diğer tasarım öğeleri için uyumlu renk geçişleri bulma zamanınızı kazandıran, profesyonelce derlenmiş gradient kombinasyonları sunar.
Profesyonelce Derlenmiş
Koleksiyonumuzdaki her gradient, görsel çekicilik ve tasarım çok yönlülüğü için dikkatlice seçilmiştir, bu da yüksek kaliteli renk kombinasyonları sağlar.
Kullanıma Hazır CSS
Kutudan çıkar çıkmaz çalışan anında CSS kodu alın. Manuel olarak gradient sözdizimi yazmaya veya renk değerleriyle denemeler yapmaya gerek yok.
Etkileşimli Renk İncelemesi
Örneğin farklı bölgelerine tıklayarak bireysel gradient renklerini görüntüleyin, kullanılan tam renkleri anlamayı kolaylaştırır.
Zaman Kazandıran Tasarım Aracı
Gradientleri sıfırdan oluşturmanın deneme yanılma sürecini atlayın. Mükemmel gradienti hızla bulun ve projelerinize hemen uygulayın.
Kütüphane, farklı tasarım ihtiyaçlarına uygun, ince geçişlerden cesur, canlı harmanlamalara kadar çeşitli stiller sunan 100'den fazla özenle derlenmiş gradient kombinasyonu içerir.
Başlangıç rengini görmek için bir gradient örneğinin sol yarısına, bitiş rengini görmek için sağ yarısına tıklayın. HEX kodu örnek üzerinde 2 saniye boyunca görüntülenecektir.
Araç, soldan sağa doğru (to right yönünde) giden bir linear-gradient içeren eksiksiz bir CSS background özelliğini kopyalar. Örneğin: background: linear-gradient(to right, #FF6B6B, #4ECDC4);
Evet, kütüphanedeki tüm gradientler, kişisel ve ticari projelerde kısıtlama olmaksızın ücretsiz olarak kullanılabilir. Renk geçişleri telif hakkı ile korunamaz.
CSS kodunu kopyaladıktan sonra, stil dosyanıza veya satır içi stil olarak yapıştırın. Divler, bölümler, düğmeler veya kartlar gibi herhangi bir öğenin arka planına uygulayabilirsiniz.
Evet, CSS'i kopyaladıktan sonra, 'to right' kısmını 'to bottom', 'to top', '45deg' veya tercih ettiğiniz herhangi bir açı gibi diğer değerlerle değiştirerek yönünü değiştirebilirsiniz.