Trình tạo gradient xuyên tâm CSS
Xây dựng các gradient CSS một cách trực quan: kiểu tuyến tính, hướng tâm hoặc hình nón, thanh trượt góc và tối đa sáu điểm dừng màu với bản xem trước toàn chiều rộng trực tiếp và mã có thể sao chép.
kết quả
Trang này mở trình tạo dải màu với loại xuyên tâm đã được chọn: màu sắc tỏa ra từ tâm phần tử theo vòng tròn đồng tâm và mỗi điểm bạn thay đổi sẽ sơn lại bản xem trước ngay lập tức.
radial-gradient() là công cụ tạo hiệu ứng ánh đèn sân khấu và ánh sáng, họa tiết mềm mại và nền cần một tiêu điểm thay vì một hướng. Các vị trí điểm dừng theo phần trăm ánh xạ tới khoảng cách từ tâm - 0% là ở giữa, 100% ở cạnh xa - do đó, việc siết chặt các điểm dừng đầu tiên sẽ tạo ra một lõi sáng nhỏ, trải rộng chúng sẽ tạo ra một vùng rộng.
Sao chép dòng nền sau khi bản xem trước trông ổn. Thanh trượt góc bị ẩn trong chế độ này vì vòng tròn không có hướng - chuyển về dạng tuyến tính hoặc hình nón và nó xuất hiện trở lại.