Как нарисовать трапецию/трапецию с помощью css3?

Когда вы перейдете на страницу http://m.google.com с помощью мобильного Safari, вы увидите красивую полосу в верхней части страницы.

Я хочу нарисовать несколько таких трапеций (US: trapezoids), но не знаю как. Должен ли я использовать css3 3d transform? Если у вас есть хороший метод, как этого добиться, пожалуйста, расскажите мне.