Xây dựng radial gradient hình tròn

Để tạo hình tròn với radial gradient, bạn có thể chạy mã sau. Đặt tham số khác trong radial gradient cho các hình dạng như circle:

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <style>
      #demo {
        height: 400px;
        background: radial-gradient(circle, red, blue, yellow);
      }
    </style>
  </head>
  <body>
    <h2>Radial Gradient</h2>
    <div id="demo">Radial Gradients</div><br>
  </body>
</html>