Welcome To Snipplr
Everyone's Recent CSS Snippets Tagged button
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
« Prev 1 Next »
for my reference only. button transition effect and box shadow for everyday use
0
832
posted 10 years ago by melaychie
Uses CSS3 attributes and psuedo elements to create a simple play button for web interfaces.
0
937
posted 11 years ago by devowhippit
This uses transitions for the hover effect which has limited IE support.
0
1044
posted 12 years ago by ryanfiorini
rather annoying issue that I encountered and spent too much time researching - the relevant IE fix is in all caps
1
1157
posted 12 years ago by felicemente
CSS3 button with a transparent glass effect (looks better on a textured background). A snapshot can be seen <a href="http://demos.pixelworkshop.fr/misc/css_button.jpg">Here</a>
0
943
posted 13 years ago by Keliah
original source - http://www.filamentgroup.com/lab/update_styling_the_button_element_with_css_sliding_doors_now_with_image_spr/
Overides default styling
0
684
posted 14 years ago by tennison
CSS code for input buttons with background images and rounded corners. For cases when it is not possible to use Progressive Enhancement (ie. when you need to have rounded corners in IE6+).
See Customized buttons under HTML for markup.
0
586
posted 14 years ago by jofan
Inspired by http://particletree.com/features/rediscovering-the-button-element/
1
693
posted 15 years ago by cssbutton
Summarised snippet of Natbat's article: http://natbat.net/2009/Jun/10/styling-buttons-as-links/
Any link that that initiates an action, rather than just changing a page should semantically be a form with a submit button not a l ink. However you ca...
3
1269
posted 15 years ago by PeteW
Finally got round going through a sliding door example myself. All fairly straightforward apart from a few IE6 issues (who would have guessed!).
The button is floated so you may need to add overflow: hidden to it's container.
1
979
posted 15 years ago by 1man
Useful little spippet for a button anchor where the text may change.
0
1045
posted 15 years ago by 1man
To remove that ugly added padding from submit buttons try this
width:auto !important; seems to work for IE7
2
1125
posted 15 years ago by localhorst
This allows you to replace the bog standard browser button (form buttons) with any image you wish.
9
1065
posted 17 years ago by 1man
« Prev 1 Next »