Demo tiêu đề nhiều màu
Bạn có thể xem demo ngay tại tiêu đề của bài viết này. Đơn giản chỉ là sự kết hợp giữa background
và background-clip
.
Gợi ý sử dụng
Bạn có thể áp dụng lớp .colorful-title
cho:
- Tiêu đề bài viết (
<h1>
,<h2>
) - Các đoạn slogan hoặc giới thiệu nổi bật
- Banner / hero section của landing page
Ví dụ HTML:
Kết luận
Hiệu ứng phối màu bằng background-clip: text
và conic-gradient
là một cách đơn giản mà cực kỳ hiệu quả để tăng tính thẩm mỹ cho website. Không cần ảnh, không cần thư viện nặng, chỉ với CSS thuần!
Chúc các bạn thành công!
Người Qua Đường
14/03/2025 lúc 2:10 chiều
🤪🤪🤪