Hiệu ứng chuyển màu Gadient Text cho tiêu đề Blogspot

Đây là bài viết đầu tiên mà từ khi tiếp quản lại BSW mà mình chia sẻ cho các độc giả của BSW!

Thủ thuật Gadient Text có thể thực hiện cho mọi website và blogspot.

Hiệu ứng chuyển màu sắc Gadient cho tiêu đề bài viết trong Blogspot. Chuyển màu Gadient là xu hướng thiết kế hiện đại mà bạn sẽ bắt gặp trong năm 2018, 2019 thường thấy trong các thiết kế mặt lưng Smartphone.

Giúp chuyển màu Gadient cho tiêu đề bài viết


Trước đó nữa là xu hướng thiết kế phẳng (UI Design) - Trào lưu mà Microsoft đem đến cho Hệ Điều Hành Windows 8/8.1/10. Hoặc là Google mang đến cho các nền tảng app, ứng dụng từ Android 5.0 Lollipop là Material Design...

Gadient Design là hiệu ứng chuyển sắc khá màu mè, rực rỡ và trẻ trung cho những bạn yêu thích nó!

Gadient Color Text

Hiệu ứng chuyển màu Gadient Text cho tiêu đề Blogspot


Chữ sẽ chuyển màu sắc từ Xanh đen - Xanh dương - Xanh Lam. Ngoài ra bạn có thể sử dụng các màu khác theo ý thích của mình bằng cách thay đổi mã màu.

Cách thực hiện:

Chèn đoạn code CSS sau vào giữa cặp thẻ <b:skin>...</b:skin>

h1{background: -webkit-linear-gradient(-30deg, #00004d 0%, #5333ed 49%, #2cd4d9 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent}


Lưu lại

Chúc bạn thành công!
  1. Nên thiết kế thumbnail chuyên nghiệp hơn + sử dụng <pre></pre> để chứa và dùng <code></code> để chứa các thuộc tính HTML nhìn cho chuyên nghiệp hơn, ví dụ như : <b><code></b><b:skin>...</b:skin><b></code></b>

    Trả lờiXóa
    Trả lời
    1. Thanks bác góp ý, ghi nhận và sau này sẽ trích dẫn code hình cho rõ ràng hơn!

      Xóa
  2. bài viết k có được rõ ràng như Trường Nguyễn nhỉ :P

    Trả lờiXóa
    Trả lời
    1. Tuts này đơn giản thôi mà bác, chèn cái là thấy liền :D

      Xóa
  3. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa