Fungsi CSS repeating-radial-gradient()

Definisi dan penggunaan

CSS repeating-radial-gradient() Fungsi digunakan untuk perlahan radial yang diulang-ulang.

Perlahan radial	Perlahan radial yang diulang-ulang

radial-gradient(red, yellow, green);	repeating-radial-gradient(red, yellow 10%, green 15%);

Sebuah perlahan radial yang diulang-ulang:

#grad {
  background-image: repeating-radial-gradient(red, yellow 10%, green 15%);
}

Gradient radial yang diulang lainnya, menetapkan ukuran bentuk dan posisi:

#grad1 {
  background-image: repeating-radial-gradient(ellipse farthest-corner at 25% 25%, red, yellow 10%, green 15%);
}

Gradient radial yang diulang lainnya, menetapkan dua lokasi penghentian warna:

#grad1 {
  background-image: repeating-radial-gradient(red 0% 10%, yellow 11% 21%, green 22% 32%);
}

repeating-radial-gradient(shape size at position, start-color, ... , last-color);

Nilai	Deskripsi
shape	Definisi bentuk gradien. Nilai yang mungkin: ellipse (default) circle
size	Definisi ukuran gradien. Nilai yang mungkin: farthest-corner (default) closest-side closest-corner farthest-side
at position	Definisi posisi gradien. Nilai default adalah "center".
start-color, ... , last-color	Titik pengakhiran warna adalah warna yang Anda inginkan untuk muncul transisi lancar di antaranya. Nilai ini terdiri dari nilai warna dan satu atau dua lokasi penghentian pilihan (persen dari 0% hingga 100% atau panjang di sepanjang sumbu gradien).