Create a Trapezoid shape with HTML and CSS

Create a Trapezoid shape with HTML and CSS



Create class trapezoid with a bit of css code bellow:

.trapezoid {
  border-bottom: 200px solid #18C973;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  height: 0;
  width: 250px;
}


In HTML code:



View more:

- Create a circle shape with HTML and CSS
- Create a triangle shape with HTML and CSS

csscss trapezoidhtmlhtml trapezoid

© 2019 4codev

Created with love by Sil.