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!
Nhớ bấm "Thông báo cho tôi" bên trên để nhận thông báo qua Email khi Admin trả lời nhé.
  • Đây là khu vực quản trị, bạn không có quyền truy cập vào!
    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. Nặc danh13:36 11/3/19

      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
    4. Cảm ơn Bác Sỉ Windows. Chúc blog càng ngày càng phát triển và có những chia sẽ bổ ích.

      Trả lờiXóa
    5. Cám ơn bài viết hữu ích của bác

      Trả lờiXóa