Grow your CSS skills. Land your dream job.

How was this achieved?

  • # April 17, 2013 at 8:22 am

    If you view this [image](http://www.dropbox.com/s/6k441muqyll52tx/how.jpg “”), I was wondering how the ziz-zag at the tip of the background image was achieved. I viewed the background image, but the image didnt have a zigzag edge. This is from this [site](http://mododesigngroup.com/ “”).

    # April 17, 2013 at 8:29 am

    @CodeGraphics, it’s an absolutely positioned pseudo-element with that cut out background 2em’s above it’s element.

    # April 17, 2013 at 8:30 am

    If you mean CSS or Photoshop – then it’s photoshop. Here’s the image…

    http://mododesigngroup.com/lib/img/manifesto-top.png

    # April 17, 2013 at 8:31 am

    [This](http://mododesigngroup.com/lib/img/manifesto-top.png) on a pseudo-element (`:before`) on the `.panel` element.

    # April 17, 2013 at 8:58 am

    Pls can someone give me a codepen snippet. pls.

    # April 17, 2013 at 9:04 am

    Go to the site. Open the Dev Tools. Look at .panel:before. Copy it into CodePen and play with it. :)

    # April 17, 2013 at 12:46 pm

    > Pls can someone give me a codepen snippet. pls. @CodeGraphics

    I understand that you’re here for help, but you’re going to find that people will be more willing to assist you if you stop asking them to do the work for you.

    # April 17, 2013 at 12:55 pm

    The OP has a long history of asking for help without apparently being willing to put in any work.

    I heard the expression “Code Vampire” the other day. It seems to fit.

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

You must be logged in to reply to this topic.

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