20 tháng 2, 2018

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://leminhut.blogspot.com' target='blank'title='Download'>Download</a></center>
Bước 3 : thay lick https://leminhut.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

STAR ÚT
DMCA.com Protection Status

Vì Sao Chọn Chúng Tôi

Hỗ Trợ

Hỗ Trợ Chân Thành , Chăm Sóc khách hàng là niềm yêu thích của chúng tôi

Thời Gian

Hoàn Thành Nhiệm Vụ Được Giao Đúng Thời Gian Đảm Nhận , Trước Hẹn...

Chất Lượng

Chúng Tôi Cam Kết Chất lượng đặt lên hàng đầu mang lại cho khách hàng hài lòng nhất , ...

Giá Cả Hợp Lý

Giá Cả cạnh tranh , uy tín đặt lên hàng đầu