Tạo Button Download với CSS hover tuyệt đẹp cho Blogspot
Chèn CSS trước : ]]></b:skin>
Cách sử dụng:
DEMO THỦ THUẬT
DEMO
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='http://www.hungcoder.com/' target='blank'title='DEMO'>DEMO</a></center>
DEMO THỦ THUẬT
Nguồn: bacsiwindows.com
cb dùng cái này thui
Trả lờiXóaUhm ;)) dùng luôn đi chứ chuẩn bị gì nữa thím :-d
XóaĐẹp đó bạn :)
Trả lờiXóaCái nút này tui đang sài
Trả lờiXóauhm :) công nhận nó đẹp thật :D
XóaNhìn nó chất và khá là ngầu
Xóađã test và cảm thấy rất tuyệt vời 😍
Trả lờiXóaNhìn cũng đâu đến nỗi tệ đúng ko e, nên áp dụng cho blog ngay và luôn :D
Xóađẹp mà tệ gì đâu anh
XóaThì a khen đẹp đó chứ a có chê bai gì đâu (y)
Xóaanh có fb ko :) kb nch vui đi người quảng bình mà :V
XóaDạo này bạt vô âm tính hả :)
Trả lờiXóaDạo này Hùng lu bu với công việc quá Niệm ạ, đợt trc thì xin nghĩ phép mới có time chém gió nhiều thế đó chứ :)
Xóabạn nào biết làm sang hướng dẫn mình cách làm với mình làm không được lỗi code
Trả lờiXóaThêm css vào có lỗi gì đâu bạn?
Trả lờiXóa