Thứ Năm, 4 tháng 12, 2014

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.
Css chữ đổi màu cho Blogspot, Website

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://lh3.googleusercontent.com/-cN4XR4Hr5Rs/VCvUYOH7MII/AAAAAAAAKVo/-q3tFe7RImc/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. 

1 nhận xét:

  1. Hay quá, e copy về làm theo nhé, cái blog QC của e nó nhàm chán lắm rùi, cám ơn ad nhiều nhiều.
    ------------------------------------
    Truyền hình số HD - Xem tivi hơn 50 kênh miễn phí thuê bao tháng.
    Chuyên phân phối: Dau thu DVB T2 chính hãng VTV, VTC, LTP...
    Đầu thu nhiều người quan tâm: Dau thu DVB T2 VTC T201

    Trả lờiXóa