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 :)))
CÁC BƯỚC THỰC HIỆN
Bước 1: Chèn CSS Sau đây vào trước ]]></b:skin>
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
Trượt từ phải sang trái
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é.
Hình Minh Họa
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!
Bài viết sưu tầm từ nhiều nguồn trên mạng, hy vọng nó sang mang đến thông tin hữu ích cho bạn. Chúc các bạn vui vẽ ngày mới!
ConversionConversion EmoticonEmoticon