Boxed-Width Version (true/false)

Tạo Button Download với CSS hover tuyệt đẹp cho Blogspot

Tạo Button Download với CSS hover tuyệt đẹp cho Blogspot


Chèn CSS trước : ]]></b:skin>
.bsw-btn{border:2px solid;overflow:hidden;position:relative;padding:10px;display:inline-block;width:200px;text-align:center;text-decoration:none!important;text-transform:uppercase;font:500 15px Roboto;margin:10px 0}
.bsw-btn:hover{letter-spacing:2px}
.bsw-btn:after{opacity:.4;background:#4267b2;content:"";height:155px;left:-75px;opacity:2;position:absolute;top:-50px;transform:rotate(35deg);transition:all 1s cubic-bezier(0.19,1,0.22,1);width:100px;z-index:100}
.bsw-btn:hover:after{opacity:1;left:120%;-webkit-transition:all 1s cubic-bezier(0.19,1,0.22,1);transition:all 1s cubic-bezier(0.19,1,0.22,1)}

Cách sử dụng:


<center><a class='bsw-btn bsw_btn' href='http://www.hungcoder.com/' target='blank'title='DEMO'>DEMO</a></center>

DEMO THỦ THUẬT

DEMO






Đăng nhận xét

14 Nhận xét

  1. Trả lời
    1. Uhm ;)) dùng luôn đi chứ chuẩn bị gì nữa thím :-d

      Xóa
  2. Cái nút này tui đang sài

    Trả lờiXóa
  3. đã test và cảm thấy rất tuyệt vời 😍

    Trả lờiXóa
    Trả lời
    1. Nhìn cũng đâu đến nỗi tệ đúng ko e, nên áp dụng cho blog ngay và luôn :D

      Xóa
    2. đẹp mà tệ gì đâu anh

      Xóa
    3. Thì a khen đẹp đó chứ a có chê bai gì đâu (y)

      Xóa
    4. anh có fb ko :) kb nch vui đi người quảng bình mà :V

      Xóa
    5. e kết bạn fb này với a nhé
      https://www.facebook.com/hungcoderblog
      nếu button kết bạn bị ẩn thì e follow đi rồi a qua kb cho

      Xóa
  4. Dạo này bạt vô âm tính hả :)

    Trả lờiXóa
    Trả lời
    1. Dạo này Hùng lu bu với công việc quá Niệm ạ, đợt trc thì xin nghĩ phép mới có time chém gió nhiều thế đó chứ :)

      Xóa

Monetize your website traffic with yX Media
Hiện Tại Hùng Coder Đang Phát Hành Ứng Dụng View Link Miễn Phí Cho Mọi NgườiXem Thêm.