Color. A List Apart: Articles: Super-Easy Blendy Backgrounds. Recently, while trying to implement a few different navigation ideas that a designer had thrown my way, I became frustrated with my weak image editing skills. The design was gradient-heavy, so a traditional approach to navigation markup and styling would require a dozen or so background-image slices to meet the varying colors and height requirements. Article Continues Below After spending a mortifying amount of time creating the images—I’m a programmer by trade, so anything more complicated than MS Paint gives me the willies—I had to take a step back and figure out a better way.
What if, after finishing, I needed to tweak the height? Or, God forbid, the color palette? The blendy way#section2 Almost all the gradients in the design given to me were blended to white, so I figured that if I created a PNG that was blended from transparent to white, I could use the PNG as a background image and rely on the background-color style to provide the other half of the blend. Here’s the CSS: That’s it! ::: SHIVER / RAYFRESH ::: UWC - Bruno Serge Cordero Portfolio. Media Photoshop Retouching. Photoshop • • Tutorials, Ideen, Tipps, Tricks, Hilfe.