Tạo nút Demo - Download với hiệu ứng hover màu sắc tuyệt đẹp cho blogspot
Với nhiều nút Demo, download được chia sẻ ở nhiều trang web thì hầu hết đều để nền cũng như hiệu ứng Hover khá quen thuộc. Chính vì thế, để tạo sự mới lạ, sự thu hút và tăng tính chuyên nghiệp cho blogspot thì hôm nay mình sẽ chia sẻ cho các bạn nút Demo - Download với hiệu ứng hover kèm theo màu sắc hài hòa tuyệt đẹp cho Blogspot ! Demo các bạn có thể xem ngay bên dưới. Các bước thực hiện Bước 1: Chèn đoạn CSS sau vào dưới thẻ <style> của Blogspot: .btn_tkn { transition: .4s; position: relative; display: inline-block; width: 160px; font-size: 1em; font-weight: bold; line-height: 45px; text-align: center; text-transform: uppercase; background-color: transparent; cursor: pointer; text-decoration:none!important; font-family: 'Roboto', sans-serif; font-weight:900; font-size:15px; letter-spacing: 0.045em; } .btn_tkn svg { position: absolute; top: 0; left: 0; } .btn_tkn svg rect { //stroke: #EC0033; stroke-width: 2; stroke-dasharray: 353, 0; stroke-dashoffset: 0; -webkit-tran