Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

การทำซ้ำ Radial Gradient ด้วย CSS


ใช้ฟังก์ชัน repeating-radial-gradient() เพื่อทำซ้ำ Radial Gradient

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อนำฟังก์ชัน repeating-radial-gradient() ไปใช้ใน CSS ได้

ตัวอย่าง

<!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 300px;             background: repeating-radial-gradient(green 20%, orange 40%, maroon 40%);          }       </style>    </head>    <body>       <p>Repeating radial gradient</p>       <div id = "demo"></div>    </body> </html>