Tạo gradient văn bản CSS đẹp dễ dàng
Tạo hiệu ứng văn bản gradient tuyệt đẹp cho trang web của bạn
Điều khiển gradient
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Gradient phổ biến
Cách sử dụng
Nhập văn bản của bạn
Nhập văn bản bạn muốn áp dụng gradient vào trường nhập "Văn bản".
Chọn loại gradient
Chọn giữa các loại gradient Linear, Radial hoặc Nón.
Điều chỉnh hướng hoặc góc
Đối với gradient tuyến tính, hãy chọn một hướng. Đối với gradient hình nón, hãy đặt góc.
Tùy chỉnh màu sắc
Thêm, xóa hoặc điều chỉnh các điểm dừng màu và vị trí của chúng để tạo gradient mong muốn của bạn.
Sao chép hoặc lưu CSS
Sao chép mã CSS đã tạo hoặc lưu nó dưới dạng tệp CSS để sử dụng trong các dự án của bạn.
Giới thiệu về Text Gradients
Gradient văn bản CSS cho phép bạn áp dụng gradient đẹp, nhiều màu trực tiếp cho văn bản. Hiệu ứng này trước đây chỉ có thể thực hiện được với hình ảnh, nhưng CSS hiện đại làm cho nó trở nên đơn giản và hiệu quả.
Hỗ trợ trình duyệt:Chuyển màu văn bản được hỗ trợ trong tất cả các trình duyệt hiện đại, bao gồm Chrome, Firefox, Safari và Edge. Đối với các trình duyệt cũ hơn như Internet Explorer, văn bản sẽ quay trở lại màu đồng nhất.
Mẹo sử dụng:Chuyển màu văn bản hoạt động tốt nhất với văn bản đậm và kết hợp màu có độ tương phản cao. Thử nghiệm với các loại và hướng gradient khác nhau để đạt được hiệu quả mong muốn.
Related Tools
Công cụ chuyển đổi ít sang CSS
Chuyển đổi mã Less của bạn thành CSS. Nhanh chóng, dễ dàng và an toàn.
Công cụ chuyển đổi SCSS sang CSS
Chuyển đổi mã SCSS của bạn thành CSS. Nhanh chóng, dễ dàng và an toàn.
Trình làm đẹp CSS
Định dạng và làm đẹp mã CSS của bạn với độ chính xác chuyên nghiệp
Máy tính băm Shake-256
Tạo băm Shake-256 nhanh chóng và dễ dàng
Bộ chuyển đổi độ rọi
Chuyển đổi độ rảnh giữa các đơn vị khác nhau một cách chính xác
Công cụ giải mã URL
Giải mã các thông số URL một cách dễ dàng ngay trong trình duyệt của bạn