Pulse

13 Responses

1. Pro Dan Cederholm

   Adding CSS3 pulse animation (for Webkit viewers) on the case study form's :focus and :hover states using the aforementioned box-shadow treatment.

   Mouse over the submit button and watch it glow like something out of like something out of a futuristic sci-film fake UI.

   Fun stuff.

   over 2 years ago

2. Pro Daniel Hamilton

   awesome! this is such a great use for this.
   also, i really love the dust particle effect on the background to the right. it looks incredible!

   over 2 years ago

3. Pro Luke Seeley

   Nothing feels better than a pulsing button :)

   over 2 years ago

4. Pro Brendan Falkowski

   Reminds me very much of http://invoicemachine.com buttons which is not bad.

   over 2 years ago

5. Pro Dan Cederholm

   @Brendan: It does! Although mine only glows and pulses blue when hovered (or focused). I should've made this an animated GIF :)

   over 2 years ago

6. Luke Dorny

   man, css.
   It would be cool if the button glowed also when the other inputs are focused (while they're typing in).
   form:focus input[type="submit"] {

   over 2 years ago

7. Greg Gamel

   It's be really cool to have the submit button glow or pulse more intensely once every field had a value. Guess you'd need JS for that, though.

   I really like this idea. A lot a lot.

   over 2 years ago

8. Bruno Monteiro

   Dan, wonderful idea. Will we see that one on "real" website or application coming from simplebits?

   over 2 years ago

9. Johannes Booy

   I had not thought of that. Thank you for thinking of that. I will use that.

   over 2 years ago

10. Shane Guymon

    That looks AWESOME!

    over 2 years ago

11. Pro Alberto Calvo

    I also use this and looks great, Dan :)

    over 2 years ago

12. Danny Chapman

    Great idea. Tempted to try this myself.

    over 2 years ago

13. Adam Darowski

    blink 2.0!

    over 2 years ago