CSS-Only Button

4 Responses

1. Pro Tyler Corbett

   A pure CSS button I made for work. I'm putting it on an online order form for our employees. Since 90%* of our employees are set up with Windows, I wanted to do something inspired by the native button designs.

   *not an actual statistic**

   **I'm rounding, sue me

   12 months ago

2. Pro Phil Stringfellow

   I like the colours, except one - the active state for the text. It's almost unreadable, and I guess if someone's already clicked the button, they must know what it says, but I feel as though a deep red or a dark grey would be better presented than a red that almost merges in the BG.

   1likes

   12 months ago

3. Pro Tyler Corbett

   Thanks for the feedback @Phil Stringfellow! I've attached the new version of it above. I made the text a little more readable, while still keeping some of that red in there.

   It's definitely something that makes the button actions feel less jumpy/jarring; thanks again for the suggestion!

   1likes

   12 months ago

4. Pro Phil Stringfellow

   @Tyler Corbett Much better, more readable :)

   1likes

   12 months ago