Code tạo chữ Hiệu ứng Trượt dưới chân đơn giản cho Blogspot

Code tạo chữ Hiệu ứng Trượt dưới chân đơn giản cho Blogspot

Chào các bạn, hôm nay mình xin chia sẽ các bạn code 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. Đây là một đoạn mã CSS đơn giản nhưng hiệu quả để tạo hiệu ứng trượt dưới chân không khi người dùng tương tác với phần tử. Các bạn xem demo dưới đây: 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:2px;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}.truot2:after{content:'';display:block;position:absolute;right:0;bottom:0;height:2px;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…