Cách tạo chữ hiệu ứng nhiều màu cho tiêu đề Blogspot

Với các tiêu đề blogspot không dùng hình ảnh, việc trang trí sao cho đẹp với các chữ là một vấn đề khó. Ta có thể tạo hiệu ứng cho tiêu đề bằng cách sử dụng javascript với các hiệu ứng chữ chuyển động hoặc thay đổi màu.

Với một dòng chữ tĩnh nhưng có nhiều màu sắc xen kẽ cũng là một style khá đẹp. Vậy để tạo được dòng chữ có nhiều màu xen kẽ chỉ với CSS cho blogspot ta phải làm như thế nào? 

Sau đây sẽ là hướng dẫn giúp bạn làm được điều đó.


Hướng dẫn

Các bạn làm theo mình nha, trước tiên bạn vào trang quản trị website blog của bạn và mở phần Chủ đề sao đó nhấp vào chỉnh sửa HTML và thêm code CSS bên dưới vào.

Bạn có thể xem trước tiêu đề trong phần bài viết này nếu như chúng tôi chưa thay đổi giao diện template blogspot thì chắc nó vẫn còn, nếu như chúng tôi đã thay đổi giao diện website rồi thì bạn có thể xem thử bên dưới nha!

DEMO / XEM THỬ

.gradient-text { font-size:3.0rem; background-image: linear-gradient( to right, tomato, gold 40%, blueviolet, mediumspringgreen 90% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #fff; position: relative; }


Khi viết bài lên website thì bạn thêm mã HTML bên dưới vào là được hoặc bạn có thể thêm trực tiếp vào trong mã code HTML trong trình duyệt chỉnh sửa HTML của website blog.


<div class="gradient-text"> Dòng chữ của bạn</div>

Post a Comment

Previous Post Next Post