Holmes Holmes - 7 months ago 12
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

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

function unassignTrap(obj) {
console.log(obj);
$('.trapezoid').each(function () {
$(this).removeClass('trapezoid');
$(this).addClass('trapezoid2');
})
$(obj).removeClass('trapezoid2');
$(obj).addClass('trapezoid');
}

Roy Roy
Answer

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>