Blogger

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

Tạo Button Download với CSS hover tuyệt đẹp cho Blogspot Chèn CSS trước : ]]></b:skin> .bsw-btn{border:2px solid;overflow:hidden;position:relative;padding:10px;display:inline-block;width:200…

Hung.Pro.VN

Developer Windows

---

• 05/01/2018
• Views

• #Blogger
• #CSS
• #HTML
• #Thủ Thuật

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

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

DEMO

Nguồn: bacsiwindows.com

Previous post

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

Next post

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

Related post

---

Hung.Pro.VN

Nhà thiết kế Web

View Articles

Tôi là admin trang Hung.Pro.VN là một người có đam mê với Blogspot, kinh nghiệm 5 năm thiết kế ra hàng trăm mẫu Template blogpsot như" Bán hàng, bất động sản, landing page, tin tức...

Share this article