Grow your CSS skills. Land your dream job.

Almost image-less banners

  • # February 8, 2013 at 2:15 pm

    Hey there!

    So I’m trying to figure out a way to create lightweight banners for web layouts much like the way theverge.com does their “watch now” banner. Looks like theirs is simply the hex color in a div with a margin-left: -20px; or something. Image free!

    But the banner tail is beyond me.

    I’ve tried a div with a background image and moved it around… (see flickr image) but it won’t display.

    http://www.flickr.com/photos/62918167@N02/8455700221/

    Check out this Pen!

    Aside from that is there a way to create an angled banner tail with strict css? A nice looking CSS only banner would be useful to us all. :)

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