Css chữ đổi màu cho Blogspot, Website

Một blogspot hay website đều không thể nào thiếu Css được, css góp phần làm đẹp, trang trí hài hòa cho một trang web hay blog. Hôm nay Hồng Designer chia sẻ cho bạn code Css chữ đổi màu cho Blogspot, Website có thể trang trí cho website hay blogspot rất là đẹp.

Thêm Css vào Website - Blog

Bước 1 :

Coppy đoạn code dưới bỏ vào nơi mà bạn muốn hiển thị chữ đổi màu

<p class='tieudequanba'><b>Sản Phẩm Hồng đã thực hiện</b><br/>Bài Viết Hướng Dẫn Tạo Chữ Đổi Màu Cho Blogspot
</p>
<style>
.tieudequanba {
float: left;
width: 100%;
text-align: center;
font: 18px 'Roboto Condensed',sans-serif;
line-height: 1.4;
color: #555;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgQx2JxSdp-PHDjvfmY0hpclHNFacy6zHHeIvBrnd67wPYVSvsmvMLf2_YquPs1DtpPXgAjm0XdYTUD-e-Ew6IQ0G9XFRlsC540eIcI47_WIZIEI9ds_ap0nf7_Npo1df4Dr1s30kEZv5d/s0/Titler_sanpham.png) no-repeat center 0px;
padding-top: 65px;
padding-bottom: 45px;
}
p.tieudequanba b {
font: 28px 'Roboto Condensed',sans-serif;
text-transform: uppercase;
background: #226BA5 -webkit-gradient(linear, left top, right top, from(#EC3C51), to(#F11150), color-stop(0.5, #F5FF00)) 0 0 no-repeat;
color: rgba(255, 255, 255, 0.1);
font-weight: bold;
position: relative;
-webkit-animation: shine 2s infinite;
-webkit-background-clip: text;
-webkit-background-size: 300px;
}
@-webkit-keyframes shine {
0% {
background-position: top left;
}
100% {
background-position: top right;
}
}
</style>

Bước 2 :

Sửa text trong code thành chữ bạn muốn hiển thị đổi màu và lưu lại. Cuối cùng là xem thành quả bạn vừa làm đươc, ô chu choa đẹp quá. Chúc các bạn thành công.