Button Download Hiệu Ứng CSS

Share Share Copy URL

Mã Khí Thứ Ba, 13 tháng 12, 2016 0 Bình Luận
Tạo Button Download với CSS hover tuyệt đẹp cho Blogspot


Download




Chèn CSS trước ]]></b:skin>
.ndvie-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}
.ndvie-btn:hover{letter-spacing:2px}
.ndvie-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}
.ndvie-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='ndvie-btn ndvie_btn' href='https://nongdan-viet.blogspot.com' target='blank'title='Premium Theme'>Premium Theme</a></center>
Tags

Đăng Ký Nhận Tin

Không có nhận xét nào:

Đăng nhận xét

NDVie Blog Cho phép bình luận ẩn danh...

 
BACK TOP
© 2018 NDVie Blog - Nông Nghiệp Và Nông Thôn Online
Creative Commons License