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

BÌNH LUẬN VỀ BÀI VIẾT (13)

avatar
Việt Hưng

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

TRẢ LỜI
avatar
Trường Nguyễn

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

TRẢ LỜI
avatar
Nguyễn Lương Duy

Buttom này trật vler :v

TRẢ LỜI
avatar
Nguyễn Lương Duy

Trất

TRẢ LỜI
avatar
Trường Nguyễn

Này xấu hơn btn kia

TRẢ LỜI
avatar
Tính Getter

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

TRẢ LỜI
avatar
Trường Nguyễn

Button kia đẹp hơn ý :D

TRẢ LỜI
avatar
Nguyên Hồ Hữu

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

TRẢ LỜI
avatar
Trường Nguyễn

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

TRẢ LỜI
avatar
Trọng Khanh Nguyễn

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

TRẢ LỜI
avatar
Trường Nguyễn

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

TRẢ LỜI
avatar
Trần Thanh Dương

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

TRẢ LỜI
avatar
Trường Nguyễn

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

TRẢ LỜI

THAM GIA TRANH TOP BÌNH LUẬN NGAY!

Một số lưu ý khi bình luận

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy).

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời.

Bạn có thể dùng ảnh động hoặc mã hóa code HTML để bình luận.