TẠO NÚT BUTTON HIỆU ỨNG HOVER CSS3 TUYỆT ĐẸP CHO BLOGS

 

HƯỚNG DẪN THỰC HIỆN 

Bước 1 : copy đoạn css sau chèn trước thẻ</b:skin>
.bsw-btn{border:2px solid;overflow:hidden;position:relative;padding:10px;display:inline-block;width:200px;text-align:center;text-decoration:none!important;text-transform:uppercase;font:500 15px Roboto;margin:10px 0}.bsw-btn:hover{letter-spacing:2px}.bsw-btn:after{opacity:.4;background:#4267b2;content:"";height:155px;left:-75px;opacity:2;position:absolute;top:-50px;transform:rotate(35deg);transition:all 1s cubic-bezier(0.19,1,0.22,1);width:100px;z-index:100}.bsw-btn:hover:after{opacity:1;left:120%;-webkit-transition:all 1s cubic-bezier(0.19,1,0.22,1);transition:all 1s cubic-bezier(0.19,1,0.22,1)}
 Bước 2 : copy đoạn html sau đặt nơi muốn đặt .
<center><a class='bsw-btn bsw_btn' href='https://duykienit.blogspot.com' target='blank'title='Download'>Download</a></center>
Bước 3 : thay lick https://duykienit.blogspot.com thành lick mà bạn muốn đến.

LỜI KẾT 

Vậy là mình đã hướng dẫn xong cho các bạn tạo nút button hover css3 tuyệt đẹp rồi đó.
Nguồn code : bacsiwindow

DMCA.com Protection Status

Blog mình đã bỏ hệ thống bình luận Blogspot và thay thế bằng bình luận Facebook từ ngày 11/07/2018 nên hơn 3k bình luận trước đó sẽ không còn hiển thị nữa. Nếu bạn không nhận được phản hồi về thắc mắc của bạn trong mỗi bài viết thì liên hệ trực tiếp với mình qua PCB Fanpage.