Advertisement
  1. Code
  2. HTML & CSS
Code

Quick Tip: Practical CSS Shapes

by
Difficulty:IntermediateLength:QuickLanguages:

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
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.