Teşekkürler hocam, pm attım

Edit: @ankaradabiz arkadaşımızın verdiği bu adreste çok farklı şekillerde bir scss örneği mevcut https://bennettfeely.com/clippy/ adresinde.

Fakat uygun bir anlatım bulamadığım için çözemedim. O kaynaktan yola çıkarak;

https://stackoverflow.com/questions/...lelograms-divs

Bu kaynağa ulaştım ve istediğimi kısmen çözdüm. İstediğim şey parallelogram olarak geçiyor. Ve şu div eklediğiniz alanı o hale getiriyor.

div {
  margin: 20px;
  width: 200px;
  height: 100px;
  display: inline-block;
  background: yellow;    
  border: 1px solid black;
  transform: skewX(-10deg);
  }

Ek olarak şurasıda iş görecek bir yer.

http://jsfiddle.net/Enijar/jm1wqemL/

Bir iki yer daha buldum onuda ekliyeyim

https://css-tricks.com/the-shapes-of-css/

https://fellowtuts.com/html-css/css-...zoid-polygons/