Grow your CSS skills. Land your dream job.

The Shapes of CSS

  • # February 8, 2013 at 3:58 pm

    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,
    http://css-tricks.com/examples/ShapesOfCSS/

    # February 8, 2013 at 5:08 pm

    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.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".