Tạo CSS Gradient
색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); Cap nhat lan cuoi: 2026 · Cong cu truc tuyen mien phi
Tạo CSS Gradient la gi?
Trình chỉnh sửa trực quan trực tuyến miễn phí để tạo CSS gradient và sao chép mã
Cach su dung
- 1 Chọn loại — Chọn loại gradient (tuyến tính, hướng tâm, hình nón).
- 2 Điều chỉnh điểm dừng màu — Điều chỉnh màu sắc và vị trí của mỗi điểm dừng màu.
- 3 Xem trước — Kiểm tra kết quả theo thời gian thực trong bản xem trước.
- 4 Sao chép mã CSS — Sao chép mã CSS vào clipboard bằng nút 'Sao chép'.
Cong cu lien quan
Tạo CSS Box Shadow Trình chỉnh sửa trực quan trực tuyến miễn phí để tạo CSS box-shadow và sao chép mã
Tạo CSS Border Radius Trình chỉnh sửa CSS border-radius trực tuyến miễn phí với 8 điều khiển
Bộ chuyển đổi mã màu Công cụ trực tuyến miễn phí chuyển đổi giữa mã màu HEX, RGB, HSL, OKLCH với tỷ lệ tương phản WCAG
Cau hoi thuong gap
Không giới hạn, nhưng thường là 2-6. Quá nhiều có thể ảnh hưởng đến hiệu suất.
Có. Bật hộp kiểm 'Lặp lại' để thêm tiền tố repeating.
Có 5 preset: Sunset, Ocean, Forest, Midnight và Rainbow.
Hiện tại chỉ xuất CSS thuần. Chuyển đổi Tailwind được lên kế hoạch cho bản cập nhật trong tương lai.
Không. Mọi xử lý đều được thực hiện trong trình duyệt.