CSS ile Doğrusal Gradient ( Renk Geçişi ) Özelliği Kullanımı

Çizim programlarında bulunan gradient, yani renk geçişi özelliğini CSS içerisinde de kullanabilmekteyiz. Doğrusal veya radyal olarak yapabiliriz bunu, ayrıca farklı şekiller de verebiliriz. Ben bu yazımda doğrusal renk geçişini anlatacağım.

Doğrusal olarak kullanımını örnekleyecek olursak ;

Check out this Pen!

Evet, kodların açıklamasına gelecek olursak oluşturduğumuz CSS kodunda, background:linear-gradient yani doğrusal renk geçişini çağırdık. Daha sonra üstte bulunacak renk olan açık gri ve altta bulunacak olan koyu gri renk kodlarını yazdık. Ardından genişlik ve yükseklik özelliklerini yazarak tamamladık.