The Shapes of CSS

[robinwkurtz]

Hello!

I’m looking to create a shape like the one in this

I’ve started with a pentagon as well as a parallelogram but haven’t had full luck. I’ve gotten the top element figured out without rounded corners. But I’m having a hard time flipping it or achieving the rounded corners.

Thanks!

http://cdpn.io/nKjLr

Started from this,
https://css-tricks.com/examples/ShapesOfCSS/

[Paulie_D]

Pretty sure you are going to need pseudo elements and transforms to do this and I doubt if you could get the rounded corners.

http://codepen.io/Paulie-D/pen/xirIo

Still we have some really clever people here so you never know.

[Author]

Posts