Holmes Holmes - 2 years ago 72
HTML Question

What shape is this, and how can i achieve it using css?

if anyone can help me with this it'd be great! What shape is this and do you have any ideas as to how i can achieve this shape in css?

enter image description here

I've managed to solve the management of trapezoids with the following jquery:

function unassignTrap(obj) {
$('.trapezoid').each(function () {

Roy Roy
Answer Source

It could be (some form of) a trapezoid and it's easy in CSS when you are using the border element.

.trapezoid {
  border-bottom: 50px solid lightblue;
  border-left: 0px solid transparent;
  border-right: 80px solid transparent;
  height: 0;
  width: 300px;
<div class="trapezoid"></div>

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download