1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Please donate today & help us with our growing server costs or buy premium for access to our premium products
    Dismiss Notice

Free Breathing Sign Up Button

Discussion in 'Xenforo Template Mods & Extras' started by Bastty, Oct 10, 2016.

Tags:
  1. Bastty

    Bastty DONATOR DONATOR

    Likes Received:
    5
    Trophy Points:
    3
    Gender:
    Male
    To achieve this is pretty straightforward, go to your EXTRA.CSS and add the following
    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*/ 
     
    RipperJack likes this.
  2. Rashidkareem99

    Rashidkareem99 Banned BANNED

    Likes Received:
    0
    Trophy Points:
    1
    Gender:
    Male
    Great Brother
     
  3. RipperJack

    RipperJack Registered REGISTERED

    Likes Received:
    0
    Trophy Points:
    1
    Gender:
    Male
    Great add Thank You
     

Share This Page