Để tạo một vòng tròn với gradient xuyên tâm, bạn có thể thử chạy đoạn mã sau. Đặt một tham số khác trong gradient xuyên tâm cho các hình dạng như hình tròn
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>