Demo Button





 Chèn CSS trước ]]></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)}




Cách sử dụng:

<center><a class='bsw-btn bsw_btn' href='#' target='blank'title='Demo Button'>Demo Button</a></center>

Tạo Button Download với CSS hover tuyệt đẹp cho Blogspot

Demo Button
Hoàng Hải Long - Thứ Bảy, 12 tháng 6, 2021 - 2 bình luận
CHUYÊN MỤC :

BÌNH LUẬN

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

Hãy bình luận 1 cách có văn hóa, lịch sự. Mọi bình luận bốc phốt, quảng cáo (mang tính spam) sẽ bị xóa

Bấm Thông báo cho tôi (Notify me) 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é

Sử dụng các biểu tượng cảm xúc trên facebook để thêm cảm xúc vào bình luận