Đặt gradient شعاعي (radial) làm hình nền với CSS

Đặt gradientشعاعي (radial gradient) làm hình nền hình ảnh bằng hàm radial-gradient() trong CSS. Bạn có thể chạy mã sau để triển khai hàm linear-gradient() trong CSS (lưu ý: ví dụ dùng radial-gradient).

Ví dụ

<!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 200px;             background: radial-gradient(green, orange, maroon);          }       </style>    </head>    <body>       <p>Setting background as radial gradient.</p>       <div id = "demo"></div>    </body> </html>