Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Custom Shape with CSS3

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #34206
    mthrlwd
    Member

    Hi all,
    I’m trying to figure out how to create a shape that looks somewhat like one side of a subtle inverted star. Basically an angular edge that cuts in at -7º then cuts back out toward the bottom at 7º…
    Anyone who really knows their CSS shapes out there, a holler would be super appreciated. (I can share a link if useful.)
    Thanks a bunch.

    #86307
    Mottie
    Member

    Hi Mthrlwd!

    Maybe if you posted an image of what you want, it would help… I don’t understand what you want from your description. Anyway, have you seen this post?

    #86521
    mthrlwd
    Member

    Thanks, Mottie!

    I did look through and try some of those custom shapes, just can’t seem to get any of them to play ball for what I need.

    Here’s an image of the shape I’m trying to create.

    #86539

    Is this what you are after? http://jsfiddle.net/sl1dr/H9U86/

    #86540
    Mottie
    Member

    Thanks Josh! I’ve been trying to catch up with other projects that I didn’t get a chance to mess around with this… anyway you are way better at css than me ;)

    #86541

    @Mottie Very modest of you, even if not necessarily true. I do enjoy messing around with CSS!

    #86545
    mthrlwd
    Member

    JH/mottie – thanks a mill!
    you both rule.
    this is awesome, JH.
    i’d boil it down without the gradients, but otherwise: shape is achieved.
    thanks and i’ll work to pass it on, mos def…

    #86546

    @mthrlwd No worries, chop and change it at will!

Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.