Chữ gradient lấp đầy các ký tự bằng dải màu chuyển mượt qua background-clip: text — hiệu ứng đứng sau vô số tiêu đề hero và trang đích. Bật hoạt ảnh, dải màu sẽ chảy chậm qua từng con chữ.
Nhập văn bản, chọn hai màu và góc, bật hoạt ảnh lấp lánh rồi sao chép CSS. Đầu ra đã gồm tiền tố trình duyệt nên hoạt động mọi nơi.
Frequently Asked Questions
Q: Vì sao gradient không hiển thị trên trình duyệt?
Vì sao gradient không hiển thị trên trình duyệt? Kỹ thuật này cần -webkit-background-clip: text và -webkit-text-fill-color: transparent. Cả hai đều có trong đầu ra — kiểm tra xem trình nén CSS có vô tình xóa không.
Q: Chữ gradient có hoạt động trên mọi trình duyệt không?
Chữ gradient có hoạt động trên mọi trình duyệt không? Có — Chrome, Edge, Safari và Firefox đều hỗ trợ background-clip: text. Trình duyệt rất cũ sẽ hiện màu đặc nếu bạn đặt màu dự phòng trước.
Q: Tôi có thể dùng cho nút bấm không?
Tôi có thể dùng cho nút bấm không? Có, nhưng nút bấm mang hành động: nên dùng nhãn màu đặc tương phản cao, dành chữ gradient cho tiêu đề và chữ trang trí.
Q: Thêm nhiều hơn hai màu bằng cách nào?
Thêm nhiều hơn hai màu bằng cách nào? Sửa linear-gradient trong đầu ra và thêm các điểm dừng màu, ví dụ linear-gradient(90deg, red, yellow, blue).
Q: Có tốt cho SEO và khả năng tiếp cận không?
Có tốt cho SEO và khả năng tiếp cận không? Chữ vẫn là HTML thật nên SEO không bị ảnh hưởng. Giữ tương phản cao và tránh chữ gradient trong phần thân bài.
Màu sắc Việt Nam
Từ màu son đỏ của đình chùa đến màu nâu đất của làng quê, màu sắc Việt Nam gắn liền với lịch sử, nông nghiệp lúa nước và trang phục truyền thống áo dài.
Đỏ son #E32636Màu son của cổng làng, đình chùa và câu đối
Vàng hoàng thái #FFD700Màu vàng của hoàng cung và lễ hội
Xanh lam #0056A7Màu xanh của biển Đông
Màu gạch #B22222Màu gạch nung của làng quê Bắc Bộ
Vàng nắng #F7C948Ánh nắng vàng trên cánh đồng lúa chín
Xanh ngọc #00A86BMàu ngọc bích của vịnh Hạ Long
Tím Huế #7F5FA3Màu tím của áo dài và hoa phượng tím xứ Huế
Nâu đất #8B5A2BMàu đất phù sa của đồng bằng sông Hồng
Hồng sen #F5A9B8Màu hoa sen — quốc hoa của Việt Nam
Trắng ngà #FFFFF0Màu áo dài trắng của nữ sinh
Q: Màu đỏ son là gì?
Màu đỏ son là gì? Màu đỏ son (#E32636) là màu đỏ truyền thống được dùng để sơn cổng làng, đình chùa và câu đối Tết ở Việt Nam, tượng trưng cho may mắn và thịnh vượng.
Q: Màu tím Huế là gì?
Màu tím Huế là gì? Tím Huế (#7F5FA3) là màu tím đặc trưng của xứ Huế, gắn liền với áo dài tím, hoa phượng tím và nét lãng mạn của cố đô.