CSS3 Transform to Trapezoid

Question

I need to create a CSS3 trapezoid using a div element. To make it crystal clear what I\'m doing I\'ve created a basic visual below; green is a normal rectangular div while t

Answer 1

Try this:

.trapezoid { transform: perspective(600px) rotateY(-45deg) scale(1.1,1.1); }

Adjust values as necessary.