Gradient bán kính (Radial Gradients) trong CSS3

Giới thiệu

Gradient bán kính xuất hiện từ trung tâm. Bạn có thể triển khai radial gradient trong CSS3.

Ví dụ

<html>
<head>
    <style>
        #grad1 {
            height: 100px;
            width: 550px;
            background: -webkit-radial-gradient(red 5%, green 15%, pink 60%);
            background: -o-radial-gradient(red 5%, green 15%, pink 60%);
            background: -moz-radial-gradient(red 5%, green 15%, pink 60%);
            background: radial-gradient(red 5%, green 15%, pink 60%);
        }
    </style>
</head>
<body>
    <div id="grad1"></div>
</body>
</html>