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

Next Office Hours Session: "SVG" Oct 14 - 6:30 PM Eastern
Get a free trial // 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 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.

    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.

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

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed