Brain Food for Web Developers

Lined Paper

April 11, 2013
by Graham
Comments Off on Lined Paper with CSS

Lined Paper with CSS

Continuing on from my previous article on a CSS paper stack, I found a way to take the paper theme a little further with lined paper. Basically we use a repeat CSS3 gradient to create the lines on the page. Read … Continue reading

CSS Folder

August 8, 2011
by Graham
Comments Off on CSS3 Text Effects

CSS3 Text Effects

Looking for ways to jazz up your website? With new CSS3 techniques it’s easy to add some nifty text effects that can make your site really stand out. What’s great about these effects is that they degrade gracefully; that is to say that, if a browser (in this case, Internet Explorer) does not support the new CSS rules, there is a satisfactory fallback.
Check out the demo of some text-shadows in action. Continue reading

June 29, 2010
by Graham
Comments Off on CSS3 Text Background

CSS3 Text Background

The other day I came across an interesting post by Trent Walton that demonstrates good use of CSS3 and its webkit aminations over selectable text. It is accomplished through the use of background clipping, transparent text and webkit animations. If you want to … Continue reading