Blogger

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

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 blo…

Hung.Pro.VN

Developer Windows

---

• 28/02/2018
• Views

• #Blogger
• #CSS
• #HTML
• #Thủ Thuật

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.

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:

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é!

DEMO THỦ THUẬT

Chữ cần hiệu ứng

Nguồn : Niệm Style

Previous post

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

Next post

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

Related post

---

Hung.Pro.VN

Nhà thiết kế Web

View Articles

Tôi là admin trang Hung.Pro.VN là một người có đam mê với Blogspot, kinh nghiệm 5 năm thiết kế ra hàng trăm mẫu Template blogpsot như" Bán hàng, bất động sản, landing page, tin tức...

Share this article