Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS OS Style Buttons in CSS3

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #40765
    alexmccabe
    Participant

    I thought it would be quite cool to see if I could create the Windows and OSX buttons in CSS3. Turns out it is not that hard.

    [This way to the buttons](http://codepen.io/alexmccabe/pen/neybf “OS Style Buttons”)

    They’re just standard buttons, CSS3-ified. The glow works on the Windows one (click in the white area and press tab). Unfortunately as the whole button changes gradient on focus in OSX it cannot be done with CSS3 at the moment =[

    What do you guys think? Could there be any improvements?

    #114169
    Watson90
    Member

    Nice job @alexmccabe

    I like the OSx button as it is but I also like it with a bit more border-radius and changing the pointer;

    border-radius:20px;
    cursor: pointer;

    To make it a bit more Apple-like

    #114177
    Watson90
    Member

    Yeah, it’s always good to know we can jump right over to your pen and grab the code if and when need to.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.