The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

The Shapes of CSS

  • # February 8, 2013 at 3:58 pm


    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.


    Started from this,

    # 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.

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed