64x64 icon dark hosting
Choose a hosting plan here and get a free year's subscription to Tuts+ (worth $180).
Advertisement

Quick Tip: Practical CSS Shapes

by
Gift

Start a hosting plan from $3.92/mo and get a free year on Tuts+ (normally $180)

A common design technique lately is to create a fold effect, where it appears as if a heading is wrapping behind its container. This is generally achieved through the use of tiny images; however, with CSS, we can mimic this effect quite easily. I'll show you how in four minutes.

Example

Final HTML


Final CSS

Advertisement