Renkleri seçin, yönü belirleyin ve CSS kodunu kopyalayın.
CSS Code:
background: linear-gradient(to right, #4f46e5, #ec4899);
CSS Gradient, iki veya daha fazla rengin pürüzsüz bir şekilde birbirine geçiş yapmasını sağlayan bir web tasarım tekniğidir. Eskiden bu görüntüleri elde etmek için resim dosyaları kullanılırken, modern CSS3 teknolojisi sayesinde artık sadece kod ile (linear-gradient) çok daha hızlı açılan ve kaliteli arka planlar oluşturulabilmektedir.
Gradientler; butonlarda, web sitesi arka planlarında (Hero Section), kart tasarımlarında ve hatta metinlerin üzerinde (Text Gradient) kullanılarak modern ve dikkat çekici bir görünüm sağlar.