Lặp lại gradient الشعاعي với CSS

Sử dụng hàm repeating-radial-gradient() để lặp lại gradient الشعاعي.

Bạn có thể chạy mã sau để triển khai hàm repeating-radial-gradient() trong CSS:

Ví dụ

<!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>