Share Button cực kì thú zị

Share:
Share Button cực kì thú zị

Share Button cực kì thú zị

Hồng Hải đã đăng Thứ Năm, 12 tháng 7, 2018
Hiện có lượt xem và 0 bình luận

Chi tiết

Liên quan

Nhận xét

Tác giả

Ủng hộ tôi

  • Xem toàn trang
  • Chào các bạn đã trở lại honghaiblog hôm nay mình xin share button cực kì thú zị này...

    Cách Thực hiện
    Bước 1: Ta chèn đoạn code phía dưới vào trước thẻ ]]></b:skin>
    .button-boxss {
       font: 500 15px Roboto;
        border: 5px solid transparent;
        background: #52537d;
        color: #ffffff;
        border-radius: 40px;
        padding: 9px 30px;
        overflow: hidden;
        width: 200px;
        transition: all 1.2s, border 0.5s 1.2s, box-shadow 0.3s 1.5s;
        white-space: nowrap;
        text-indent: 12px;
        font-weight: bold; }
     .button-boxss span {
        display: inline-block;
        transform: translateX(300px);
        font-weight: normal;
        opacity: 0;
        transition:
          opacity 0.1s 0.5s,
          transform 0.4s 0.5s;
      }
    .button-boxss:hover{
    text-indent: 0;
        background: #52537d;
        color: #e4ba3a;
        width: 250px;
        border: 5px solid #7578cc;
        box-shadow: 3px 3px 2px rgba(black, 0.15);
    }
     .button-boxss:hover span{
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;}
     Bước 2: Ta chèn code bên dưới vào nơi bạn muốn hiển thị
    <button class="button-boxss">Demo Button<span>Vip.</span></button>
     nhớ chỉnh sửa sao cho phù hợp...
    Lưu ý:
    Sử dụng tiếng Việt có dấu khi bình luận, hạn chế viết tắt.
    Bình luận đúng chủ đề bài viết, không SPAM trong bình luận.
    Gửi kèm ảnh chụp màn hình để được hỗ trợ tốt nhất. Up ảnh lên trang imgur.com, sau đó sao chép link ảnh dán vào khung bình luận.
    Để chèn hình ảnh, khi đăng nhận xét bạn nhập như sau: [img]https://i.imgur.com/iIEPcxC.png[/img]

    33 nhận xét:

    1. :v thời gian nó hiện ra lâu vl

      Trả lờiXóa
    2. Xin cmt nên tặng cho :v
      - Bảo Linh Desani -

      Trả lờiXóa
    3. độc ghê :3 hướng dẫn về cái hiện ứng chạy từ trên xuống của cái hình bên siderbar được không anh

      Trả lờiXóa
      Trả lời
      1. hehee cái đó bên bacsiwindow có hướng dẫn rồi

        Xóa

    Author Image

    Hồng Hải

    Nếu thấy các bài viết trên blog hữu ích đối với bạn thì hãy mời tôi một ly cà phê tại đây nhé. Xin cảm ơn!