Tạo button bằng CSS với hiệu ứng hover tuyệt đẹp cho Blogspot
Ra mắt BSW Community - trang đăng bài tự do dành cho bạn, thoải mái trao đổi, đặt câu hỏi, thắc mắc, viết bài viết mới hay thậm chí rao vặt, buôn bán. Click trải nghiệm ngay!
Tạo button bằng CSS với hiệu ứng hover tuyệt đẹp cho Blogspot. Button bằng CSS, hiệu ứng hover đẹp.
Chèn CSS
button{background:#55579e;border:none;position:relative;transition:800ms ease all;outline:none;font:500 16px "Roboto",sans-serif;text-transform:uppercase}
button a{color:#fff!important;padding:.5em 3em;display:block}
button:hover a{color:#55579e!important;text-decoration:none!important}
button:hover{background:transparent}
button:before,button:after{content:'';position:absolute;top:0;right:0;height:2px;width:0;background:#55579e;transition:900ms ease all}
button:after{right:inherit;top:inherit;left:0;bottom:0}
button:hover:before,button:hover:after{width:100%;transition:800ms ease all}
Cách sử dụng
<button><a href="https://www.bacsiwindows.com/" target"blank">BÁC SĨ WINDOWS</a></button>
Copyright © 2017
13 nhận xét:
bài ngày xưa đúng không ta ? <3
Button đẹp
Ừm bài "ngày xưa" :))
Buttom này trật vler :v
Trất
Này xấu hơn btn kia
E thấy button nào cũng đẹp hết :v
Button kia đẹp hơn ý :D
Chèn CSS vào thẻ nào anh
Chèn trước ]]></b:skin> nhá
admin share có thể bạn quan tâm đi. nhiều ng hóng r
Đó là related pót bình thường thôi mà ?
Đẹp quá Bác Sĩ ơi :))
BS cảm ơn bạn :))
Đăng nhận xét