CSS Gradient Renk Oluşturma

Oluşturan: Ali Dinçer

2020-05-13 tarihinde oluşturuldu


Merhabalar, bugün css matic ile nasıl gradient renkler oluşturabileceğinizi ve bu renkleri css dosyamıza eklemeyi anlatıyorum.

CSSMATIC Gradient Generator

Gradient Generator ile çok kullanışlı gradient renkler oluşturabilirsiniz. Size verdiğim linkten isterseniz hazır gradient renkleri kullanabilir, isterseniz kendi özel renk geçişlerinizi oluşturabilirsiniz.

Neredeyse her web designer'ın projelerinde kullandığı gradient renklerini nasıl kolay yoldan oluşturulabileceğinizi ve projenizi nasıl renklendirebileceğinizi siz de öğrenebileceksiniz.

Tek yapmamız gereken renk geçiş noktalarındaki renkleri belirleyip kodlarını css dosyanıza dahil etmek olacaktır.

Örnek kod parçacığı

background: rgba(82,255,148,1);
background: -moz-linear-gradient(-45deg, rgba(82,255,148,1) 0%, rgba(82,151,255,1) 0%, rgba(64,231,170,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(82,255,148,1)), color-stop(0%, rgba(82,151,255,1)), color-stop(100%, rgba(64,231,170,1)));
background: -webkit-linear-gradient(-45deg, rgba(82,255,148,1) 0%, rgba(82,151,255,1) 0%, rgba(64,231,170,1) 100%);

Kodları kopyalayıp projemize ekledik.

Kaynak

CSS
Yorum yap:
Yorumlar