1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Breathing Sign Up Button

Give your Sign Up Button a pulse!

  1. Lisa

    Lisa Well-Known Member

    Azhria Lilu submitted a new resource:

    Breathing Sign Up Button - Give your Sign Up Button a pulse!

    Read more about this resource...
     
    Lone Wolf, Gazhyde, melody and 2 others like this.
  2. James

    James Well-Known Member

    At first it reminded me of the blink element back in the day. Gross.

    I like it, perhaps consider altering the width and height of it a couple of pixels as the colour changes? It may give a more "breathing" feel... but may also be more annoying. Who knows!
     
    Lisa likes this.
  3. Lisa

    Lisa Well-Known Member

    It's a bit smoother than the blink... I was just playing with css animations and it amused me so figured I'd share.. someone might like it. :)
     
  4. Mrs.T

    Mrs.T Active Member

    I love it. Thanks for sharing.
     
    Lisa likes this.
  5. Lisa

    Lisa Well-Known Member

    You're welcome.... I'll keep experimenting LOL
     
  6. Mrs.T

    Mrs.T Active Member

    Is it possible to get it a little bit redder. My site is very dark and it looks more orange then red and not sure which color I have to change to get the button red.
     
  7. Lisa

    Lisa Well-Known Member

    You need to change all the colours.. it works as a gradient animation.
     
  8. Mrs.T

    Mrs.T Active Member

    Hmmm... ok I like it the way it is too :D
     
    Brandon Sheley likes this.
  9. Lisa

    Lisa Well-Known Member

    Try changing the #bc330d to #CA1E30
     
  10. James

    James Well-Known Member

    Perhaps you can have one that spins 36o degrees and grows in height when you load the page...
     
  11. Mrs.T

    Mrs.T Active Member

    Actually I just looked and I have some elements in my forum that are a pretty close color match to it so it will work perfectly!
     
    Lisa likes this.
  12. Lisa

    Lisa Well-Known Member

    I prefer the more subtle pulse effect myself.
     
    ArnyVee, Mrs.T and James like this.
  13. Adam Howard

    Adam Howard Well-Known Member

    There maybe a conflict with this with @Chris Deeming 's notifications add-on. I notice that when applying this, his notice no longer shows up on the index and I have bit of conflict with jquery

    As a matter of interest @Azhria Lizu this bugs shows up on your site as well. Check it in Firefox (via firebug)
     

    Attached Files:

  14. Lisa

    Lisa Well-Known Member

    That site doesn't have Chris's notifications addon installed. I also don't get any jquery errors show up.
     
  15. James

    James Well-Known Member

    That's interesting. What site?
     
  16. Adam Howard

    Adam Howard Well-Known Member

    http://bansheetalk.com/

    Show up right here (see screen shot)
     

    Attached Files:

  17. Lisa

    Lisa Well-Known Member

    There was a ; missing, but still.. don't have Chris's notifications installed :D
     
    Adam Howard likes this.
  18. Adam Howard

    Adam Howard Well-Known Member

  19. James

    James Well-Known Member

    Just visited in Chrome and Chris' notification showed up in the bottom right corner.
    The only JS error I see is:
     
  20. Lisa

    Lisa Well-Known Member

Share This Page