Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Breathing Sign Up Button - Nút đăng ký nhấp nháy

Chủ đề thuộc danh mục 'Hướng dẫn - Thủ thuật Xenforo' được đăng bởi PCO, 27/3/16.

Lượt xem: 1,605

  1. PCO Thành viên cấp 2

    Breathing Sign Up Button - Nút đăng ký nhấp nháy

    Để đạt được điều này là khá dễ dàng, đi đến EXTRA.CSS của bạn và thêm những điều sau đây:
    Code:
    /* SIGN UP BOX */
    @-webkit-keyframes redPulse {
    from { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
              50% { background-color: #e33100; -webkit-box-shadow: 0 0 18px #e33100; }
              to { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
            }
    @-moz-keyframes redPulse {
    from { background-color: #bc330d; -moz-box-shadow: 0 0 9px #333; }
              50% { background-color: #e33100; -moz-box-shadow: 0 0 18px #e33100; }
              to { background-color: #bc330d; -moz-box-shadow: 0 0 9px #333; }
            }
    @-o-keyframes redPulse {
    from { background-color: #bc330d; -o-box-shadow: 0 0 9px #333; }
              50% { background-color: #e33100; -o-box-shadow: 0 0 18px #e33100; }
              to { background-color: #bc330d; -o-box-shadow: 0 0 9px #333; }
            }
    @keyframes redPulse {
    from { background-color: #bc330d; box-shadow: 0 0 9px #333; }
              50% { background-color: #e33100; box-shadow: 0 0 18px #e33100; }
              to { background-color: #bc330d; box-shadow: 0 0 9px #333; }
            }
    #SignupButton {
    border: none !important;
    background: transparent !important;
    }
    #SignupButton .inner {
    -webkit-animation-name: redPulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: redPulse;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -o-animation-name: redPulse;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    animation-name: redPulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    background: none repeat scroll 0% 0% #750606 !important;
    }
    #SignupButton:hover .inner {
      background: #e33100 !important;
    }
    /* END SIGN UP BUTTON*/
    Demo: http://hoccodevn.com/


    z3SmG5D.gif
    Chúc các bạn thành công.


    Nguồn: VNXF.VN

Ủng hộ diễn đàn