Fungsi CSS repeating-conic-gradient()

Definisi dan penggunaan

CSS repeating-conic-gradient() Fungsi digunakan untuk perulangan perubahan konik.

perubahan konik	perulangan perubahan konik

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

Konik gradient yang diulang:

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

Definisi konik gradient yang diatur dengan titik awal dan akhir warna:

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

Satu konik gradient yang lain yang diatur dengan sudut awal dan posisi pusat:

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

repeating-conic-gradient([from sudut]] [at posisi,] degree warna, degree warna, ... );

Nilai	Deskripsi
from sudut	Pilihan. Seluruh konik gradient diputar dengan sudut ini. Nilai standar adalah 0deg.
at posisi	Pilihan. Tentukan titik pusat konik gradient. Nilai standar adalah center.
degree warna, ... , degree warna	Titik penutup warna adalah warna yang Anda inginkan untuk menampilkan transisi yang lancar diantara mereka. Nilai ini terdiri dari nilai warna dan satu atau dua posisi penghentian pilihan (sudut antara 0 hingga 360 derajat atau persen dari 0% hingga 100%).

Nilai

Deskripsi

from sudut

Pilihan. Seluruh konik gradient diputar dengan sudut ini.

Nilai standar adalah 0deg.

at posisi

Pilihan. Tentukan titik pusat konik gradient.

Nilai standar adalah center.

degree warna, ... , degree warna

Titik penutup warna adalah warna yang Anda inginkan untuk menampilkan transisi yang lancar diantara mereka.

Nilai ini terdiri dari nilai warna dan satu atau dua posisi penghentian pilihan (sudut antara 0 hingga 360 derajat atau persen dari 0% hingga 100%).