Tạo Button Hover cực đẹp và chuyên nghiệp cho blog/website
Tạo Button Hover cực đẹp và chuyên nghiệp cho blog/website
Bài viết này mình sẽ giới thiệu đến các bạn mẫu Button Hover cực đẹp và chuyên nghiệp cho blog/website , sử dụng hoàn toàn CSS để tạo ra hiệu ứng. Button này mình tham khảo ở một trang nước ngoài, chỉnh sửa lại một số CSS và chia sẻ lại cho các bạn. Button này hoàn toàn bằng CSS nên mọi người cứ yên tâm không ảnh hưởng chút nào đến tốc độ load blog của các bạn. Các bước thực hiện như sau: Bước 1 : Các bạn thêm đoạn CSS sau lên thẻ ]]></b:skin> /* button */ .bttn-success { color: #28b78d; } .bttn, .bttn-lg, .bttn-md, .bttn-sm, .bttn-xs { margin: 0; padding: 0; border-width: 0; border-color: transparent; background: transparent; font-weight: 400; cursor: pointer; position: relative; } .bttn-md { font-size: 20px; font-family: inherit; padding: 5px 22px; } .bttn-unite { margin: 0; padding: 0; border-width: 0; border-color: transparent; background: transparent; font-weight: 400; cursor: pointer; position: relative; font-size: 20px; font-family: inherit; padding: 5px 22px; …
