CSS: How to create slanted lines or shapes?

If you want to do without graphics and prefer a CSS solution, the following snippet is quite helpful:

.element { 
    transform: skewY(-12deg); 
}