56px
Chữ gradient
Công cụ tạo chữ gradient là gì?
Công cụ tạo chữ gradient áp dụng gradient nhiều màu mượt mà cho văn bản của bạn và xuất CSS sẵn sàng sử dụng. Xem trước hiệu ứng trực tiếp và sao chép lớp CSS vào tệp CSS của bạn.
Cách sử dụng công cụ tạo chữ gradient
- Nhập văn bản và chọn màu gradient.
- Chọn hướng và điều chỉnh cỡ chữ.
- Sao chép CSS và dán vào tệp CSS của bạn.
Tìm hiểu thêm▾
Cách chữ gradient CSS hoạt động
Văn bản gradient CSS sử dụng background: linear-gradient(...) kết hợp với -webkit-background-clip: text và -webkit-text-fill-color: transparent. Thao tác này cắt gradient theo hình dạng văn bản, khiến các chữ cái trông như được tô đầy bằng màu gradient.
Câu hỏi thường gặp
Điều này có hoạt động trên mọi trình duyệt không?
Có. Tiền tố -webkit được bao gồm để tương thích rộng rãi.