CSS3: repeating-radial-gradient()

Các khóa học qua video:
Python SQL Server PHP C# Lập trình C Java HTML5-CSS3-JavaScript
Học trên YouTube <76K/tháng. Đăng ký Hội viên
Viết nhanh hơn - Học tốt hơn
Giải phóng thời gian, khai phóng năng lực

Khả năng lặp trong Radial Gradient

Hàm repeating-radial-gradient() cho phép tạo ra radial gradient lặp lại các màu sắc. Ví dụ dưới đây sẽ thể hiện cho bạn thấy điều này.

Ví dụ:

<!DOCTYPE html>

<html>

<head>

<style>

#grad1{

height:150px;

width:200px;

background: repeating-radial-gradient(red, yellow 10%, green 15%);

}

h1{

color:green;

}

</style>

</head>

<body>

<h1>repeating-radial-gradient</h1>

<div id="grad1"></div>

</body>

</html>

» Tiếp: transform 2D
« Trước: radial-gradient()
Các khóa học qua video:
Python SQL Server PHP C# Lập trình C Java HTML5-CSS3-JavaScript
Học trên YouTube <76K/tháng. Đăng ký Hội viên
Viết nhanh hơn - Học tốt hơn
Giải phóng thời gian, khai phóng năng lực
Copied !!!