Tạo button bằng CSS với hiệu ứng hover tuyệt đẹp cho Blogspot
/ lúc / 13 bình luận
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.
Tạo button bằng CSS với hiệu ứng hover tuyệt đẹp cho Blogspot

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>

Result

13 nhận xét:

Việt Hưng nói...

bài ngày xưa đúng không ta ? <3
Button đẹp

Trường Nguyễn nói...

Ừm bài "ngày xưa" :))

Nguyễn Lương Duy nói...

Buttom này trật vler :v

Nguyễn Lương Duy nói...

Trất

Trường Nguyễn nói...

Này xấu hơn btn kia

Tính Getter nói...

E thấy button nào cũng đẹp hết :v

Trường Nguyễn nói...

Button kia đẹp hơn ý :D

Nguyên Hồ Hữu nói...

Chèn CSS vào thẻ nào anh

Trường Nguyễn nói...

Chèn trước ]]></b:skin> nhá

Trọng Khanh Nguyễn nói...

admin share có thể bạn quan tâm đi. nhiều ng hóng r

Trường Nguyễn nói...

Đó là related pót bình thường thôi mà ?

Trần Thanh Dương nói...

Đẹp quá Bác Sĩ ơi :))

Trường Nguyễn nói...

BS cảm ơn bạn :))

Đăng nhận xét