Chào các bạn, hôm nay mình xin chia sẽ các bạn hiệu ứng trượt dưới chân chữ cực kì độc đáo để gây ấn tượng cũng như tô thêm vẻ đẹp, chuyên nghiệp cho blog của các bạn, cùng đi vào vấn đề chính nào :)))
Tạo Chữ Hiệu Ứng Trượt Dưới Chân Đơn Giản Cho Blogspot
Hình Minh Họa


Trượt từ trái sang phải

Trượt từ phải sang trái

Các Bước Thực Hiện

Bước 1: Chèn CSS Sau đây vào trước ]]></b:skin>
.truot{display:inline-block}.truot:after{content:'';display:block;height:3px;width:0;background:transparent;transition:width .5s ease,background-color .5s ease}.truot:hover:after{width:100%;background:#138882}.truot2{display:inline-block;position:relative;padding-bottom:3px}.truot2:after{content:'';display:block;position:absolute;right:0;bottom:0;height:3px;width:0;background:transparent;transition:width .5s ease,background-color .5s ease}.truot2:hover:after{width:100%;background:#138882}
Bước 2: Chèn Đoạn Code bên dưới vào nơi muốn hiển thị.
Trượt Từ Trái Sang Phải
<div class="truot">
<b>Chữ Cần Tạo Hiệu Ứng</b></div>
Trượt từ phải sang trái
<div class="truot2>
<b>Chữ Cần Tạo Hiệu Ứng</b></div>

Lời Kết

Chỉ vài bước đơn giản trên các bạn đã có một hiệu ứng đẹp mắt cho blog của các rồi, nếu các bạn thấy hữu ích đừng quên cho mình 1 share và để lại 1 comment bên dưới nhé.
Chúc Các Bạn Thành Công!
- - 23 bình luận
CHUYÊN MỤC

BÌNH LUẬN (23)

  1. Bài viết hữu ích :)) Cho 1 share nhé!

    Trả lờiXóa
  2. Thanks bác nhé :)) Đúng cái e đang cần :v

    Trả lờiXóa
  3. Không được đẹp lắm. Trượt hơi quá :v

    Trả lờiXóa
    Trả lời
    1. Trượt hơi quá là sao :))))

      Xóa
    2. Kcj :V Sửa CSS lại xí là được mà

      Xóa
  4. làm sao để kiếm ]]> z ai chỉ vs :(

    Trả lờiXóa
    Trả lời
    1. Ctrl + F và dán ]]></b:skin> vào nhé!

      Xóa
  5. Trả lời
    1. Hoan hô, hay hay, hihi, hehe, haha, hoho, hào hứng, hí hửng, hụt hẫng, hờ hững, hảo hảo, hậm hực, hồi hộp... tùy ý mà chọn nhé :v

      Xóa
    2. Cạn lời thanh niên Phú Cường Blogger :v

      Xóa
  6. Icon Đẹp Ghê :)) :D =)) ^.^ (3) ^-^

    Trả lờiXóa
  7. uk có gì mượn bài trỏ nguồn về bác <3

    Trả lờiXóa

Một số lưu ý khi bình luận

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy)

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời

Để bình luận một đoạn code, hãy mã hóa code trước nhé