CSS3 Gradient Generator. CSS image replacement for submit buttons - Web design tips & tricks. Last updated: 2005/11/30 Return to the main page Expanding the techniques for CSS image replacement by Mike Rundle and Seamus P. H. Leahy, and inspired by a question posted to the WebDesign-L mailing list, I have developed an image replacement method for submit buttons, and in general for the button tag.
Using this method you'll get a clickable image when style sheets are active, and a standard button when style sheets are off. Here you can see examples of both variants of this method using a basic Google search box. Using text-indent for image replacement: Using padding-top for image replacement: You can use the button below to see the page without the CSS applied: Note: The Google search boxes are used only as an example. Known issues For some reason Opera doesn't process properly the cursor applied to button in both methods, so no handy cursor for Opera users. The CSS code. 3D Facebook Button Concept. CSS Border Radius. CSS3 Shadows Generator (Box-Shadow) - shadows css3 html5 box shadow html code property maker css moz webkit drop shadow box div add a shadow effect block code generator online tool simple maker box-shadow property css3 without images script code css shado.