Tạo hiệu ứng (hover) text bằng css cực đẹp cho blogspot

Like Rê chuột vào nút Like để chọn biểu tượng cảm xúc
Một trong những cách làm đẹp cho Blog của bạn đó là hiệu ứng (hover), giúp cho blog của bạn thêm phần nổi bật. Và hôm nay mình xin hướng dẫn các bạn tạo hiệu ứng (hover) text bằng css cực đẹp cho blogspot.
tao hieu ung (hover) text bang css cuc dep cho blogspot
Bước 1: Các bạn thêm đoạn CSS sau vào trên thẻ ]]></b:skin>
.title-niem{animation:bounce .6s; }
@keyframes bounce {
  0%,100%{ transform:translate(0); }
  25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); }
  50%{ transform:translateY(-20px) rotate(3deg) scale(1.1);  }
}
Bước 2: Sử dụng hiệu ứng
Cách 1: Sử dụng code
<div class='title-niem'>Chữ cần hiệu ứng</div>
Cách 2: Các bạn tìm đến thẻ có dạng id='header-inner' và thêm thuộc tính class='title-niem' phía trước nó. Ví dụ như hình dưới:

tao hieu ung (hover) text bang css cuc dep cho blogspot

Khá đơn giản để có 1 hiệu ứng (hover) text đẹp cho Blog đúng không nào. Chúc các bạn thành công. Nếu thấy hay hãy để lại 1 comment để ủng hộ mình nhé!

Đăng nhận xét

6 Nhận xét

» Hướng dẫn nhúng hình ảnh: chỉ cần sử dụng link ảnh dán vào, vd: http://domain.com/image.png
» Tham trang khảo ảnh động cực cute: Qoobee
» Hướng dẫn nhúng link trang web: <a href="url" rel="nofollow">Link</a>
» Không chửi tục, nói bậy, quảng cáo thông qua khung Comment.
» Không spam link, chia sẻ các link không liên quan đến bài viết.
» Không xuyên tạc, bôi nhọ tổ chức hay cá nhân nào.
» Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước. Xem thêm...

  1. Tiếc bên em lỗi sao á kg dùng đc :(

    Trả lờiXóa
  2. e nghĩ blog a nên có nút share bài a ạ. thêm luôn cái button share LTT có j post cho lẹ ahjhj =)

    Trả lờiXóa