Forums

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

Home Forums CSS Making a shadow "stop" on the edge of a box

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #235962
    jodyra2
    Participant

    Hi, I’m really new to css and I’m trying to achieve this: http://imgur.com/Nkqdrdy

    A class that makes a box arround my h1 and h2 and that has this effect of “folding” on the edges, the best I could come up with was a box with with a shadow, like this one: http://imgur.com/jCnpuVl (far from what I’m trying)

    I would like to know if someone know’s how I could achieve that effect.

    Thanks for the help!

    #235964
    Paulie_D
    Member

    Those probably aren’t done with shadows at all…they’re either images or, more likely, pseudo-elements.

    Try searching for “CSS Ribbon” or “CSS Banner”.

    #235965
    jodyra2
    Participant

    Thanks for the tip! I found pretty much what I needed here: http://codepen.io/Drathal/pen/Bkqfs?utm_source=bypeople

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