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
Tạo bố cục Flexbox hoàn hảo
Trực quan, tùy chỉnh và tạo mã flexbox CSS với giao diện kéo và thả trực quan của chúng tôi.
Công cụ chuyển đổi Stylus sang CSS
Chuyển đổi mã SCSS 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.
Công cụ chuyển đổi Base64 sang CSV
Chuyển đổi dữ liệu CSV được mã hóa Base64 thành tệp CSV có thể tải xuống ngay lập tức. Hoạt động cục bộ trong trình duyệt của bạn mà không cần tải lên dữ liệu.
Bộ chuyển đổi điện áp
Chuyển đổi điện áp giữa các đơn vị khác nhau một cách chính xác và dễ dàng
Hex sang thập phân
Chuyển đổi số thập lục phân sang số thập phân một cách dễ dàng