CSS repeating-conic-gradient() fonksiyonu

Tanım ve Kullanım

CSS repeating-conic-gradient() Fonksiyon, tekrarlayan konik geçişi için kullanılır.

Konik Geçiş	Tekrarlayan Konik Geçiş

conic-gradient(red, yellow);	repeating-conic-gradient(red 10%, yellow 20%);

Bir tekrarlayan konik gradyan:

#grad {
  background-image: repeating-conic-gradient(red 10%, yellow 20%);
}

Renk başlangıcı ve bitiş noktalarını tanımlayan bir tekrarlayan konik gradyan:

#grad {
  background-image: repeating-conic-gradient(red 0 30deg, yellow 30deg 60deg, blue 60deg 90deg);
}

Başlangıç açısı ve merkezi konumunu ayarlayan bir diğer tekrarlayan konik gradyan:

#grad1 {
  background-image: repeating-conic-gradient(from 10deg at 30% 30%, red 0 30deg, yellow 30deg 60deg, blue 60deg 90deg);
}

repeating-conic-gradient([from angle] position,] color degree, color degree, ...);

Değer	Açıklama
from angle	Opsiyonel. Tüm konik gradyan bu açıya göre döndürülür. Varsayılan değeri 0deg'dir.
at position	Opsiyonel. Konik gradyanın merkezi noktasını belirtir. Varsayılan değeri center'dır.
color degree, ... , color degree	Renk bitiş noktası, aralarında pürüzsüz geçiş yapmayı istediğiniz renkler arasındadır. Bu değer, renk değerlerinden ve bir veya iki seçmeli durak noktasından (0 ila 360 derece arasındaki açı veya 0% ila 100% arasındaki yüzdelik) oluşur.

Değer

Açıklama

from angle

Opsiyonel. Tüm konik gradyan bu açıya göre döndürülür.

Varsayılan değeri 0deg'dir.

at position

Opsiyonel. Konik gradyanın merkezi noktasını belirtir.

Varsayılan değeri center'dır.

color degree, ... , color degree

Renk bitiş noktası, aralarında pürüzsüz geçiş yapmayı istediğiniz renkler arasındadır.

Bu değer, renk değerlerinden ve bir veya iki seçmeli durak noktasından (0 ila 360 derece arasındaki açı veya 0% ila 100% arasındaki yüzdelik) oluşur.