spiceofdesign on DeviantArthttps://www.deviantart.com/spiceofdesign/art/Pure-CSS-Fancy-Buttons-213850971spiceofdesign

Deviation Actions

spiceofdesign's avatar

Pure CSS Fancy Buttons

Published:
3.9K Views

Description

This is out of boredom partially, but also curiosity. After seeing Elementary OS's new website, I noticed (peering around in the code) that they used images for the buttons on their website. And so I thought, could those lovely buttons be reproduced in just CSS. And, an idea struck me. I could use CSS inset shadows to create the highlights. Here is a live demo: [link]

Tested in Chrome 12 and Firefox 3.6, although earlier versions probably work. One thing I would like to add is CSS transitions, although I haven't got them to work yet.


Update
Been playing around with ideas for a micrblogging CMS, like Tumblr, but a bit prettier and installed on your own server, so you have total control. Anyway, it expands on my fancy buttons experiment with by adding forms. See it here: [link]
Image size
132x119px 2.69 KB
© 2011 - 2024 spiceofdesign
Comments24
Join the community to add your comment. Already a deviant? Log In
LewxX's avatar