CSS repeating-radial-gradient() ফাংশন

বিবরণ ও ব্যবহার

CSS repeating-radial-gradient() ফাংশন যা পুনরাবৃত্ত রেখাতালিকা গ্রেডিয়েন্ট ব্যবহার করে。

রেখাতালিকা গ্রেডিয়েন্ট	পুনরাবৃত্ত রেখাতালিকা গ্রেডিয়েন্ট

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

একটি পুনরাবৃত্ত রেখাতালিকা গ্রেডিয়েন্ট:

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

กราดระยะทางที่เรียบเรียงอีกแบบหนึ่ง กำหนดรูปร่าง ขนาดและตำแหน่ง:

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

กราดระยะทางที่เรียบเรียงอีกแบบหนึ่ง กำหนดสีสิ้นสุดสองจุด:

#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);

ค่า	รายละเอียด
shape	กำหนดรูปร่างของกราด。ค่าที่เป็นไปได้: ellipse (ค่าเริ่มต้น) circle
size	กำหนดขนาดของกราด。ค่าที่เป็นไปได้: farthest-corner (ค่าเริ่มต้น) closest-side closest-corner farthest-side
at position	กำหนดตำแหน่งของกราด。ค่าเริ่มต้นคือ "center"
start-color, ... , last-color	สีสิ้นสุดเป็นสีที่คุณต้องการที่จะแสดงการเปลี่ยนสีเงียบๆ ค่านี้ประกอบด้วยค่าสีและหนึ่งหรือสองจุดหยุดที่เลือกตั้งได้ (เปอร์เซ็นต์ 0% ถึง 100% หรือระยะทางบนแนวกราด)