I love gradients. Easy enough to do in Photoshop and you get a big bang for your (designer) buck. Looks nice, easy to use, done. But you’re dealing with images. Always better to deal with pure CSS if you can, of course. With CSS, it’s:
- Easier to update.
- Faster to load.
- No more Photoshop.
- Easier to resize/fit-to-shape.
- Cool.
Took all of eleven seconds (I had to get my cup of tea, that was probably the delay) to find the Ultimate CSS Gradient Generator. You insert your two HEX color codes, copy the code over to your CSS document, sit back and enjoy that cup of tea.
You knew it was possible, you just needed to take it to that tiny extra step to make it happen. You needed to search for it, test it, then document it. Now it’s yours. Now it’s here. I love when things just work out.
wow! that is nice! graphic designer are going love this.
Awesome tip. So all I need to do is copy the CSS code to my style.css file? If I’m already using a theme will this conflict with any existing background style or just overwrite it?
Into style.css or better yet, into custom.css if your theme has it (it loads later and takes priority).
Since it is CSS it should only conflict if the same rule exist in you style sheet.