Polygon-shaped divs in css?

[londonweb]

Hi guys

Was I dreaming, or did I read somewhere that it's possible to create a div (or maybe it was a clipping mask) that can be a shape other than a rectangle, ie. a polygon, in CSS? I'm sure I read it in one of my text books but I can't seem to find anything about it now.

Basically what I want to do is have the text inside a div wrap to a triangular shape, instead of a rectangular one. I wonder if this is even possible?

 

[mnkeybsness]

What are you smoking? That must be some good sh--.

Well... you can fake it... Ragged Float Example.

 

[londonweb]

What are you smoking? That must be some good sh--.

Haha, I think it was some sort of Dutch Over-Optimism serum. Thanks for the link.

 

[seanf]

Was I dreaming, or did I read somewhere that it's possible to create a div (or maybe it was a clipping mask) that can be a shape other than a rectangle...

Are you thinking of Slants?

Sean

 

[londonweb]

Are you thinking of Slants?

I wasn't thinking of that, although that's cool too. I'm racking my brains and I've got this vague memory of reading something about using an image file to create a clipping mask. Maybe it wasn't css, but php or something, or a combination of the two. If I remember what it was, I'll let you all know!

In the meantime I'm going to use the curvalicious method to wrap my text.

 

[londonweb]

Perhaps I was thinking of this, although it has nothing to do with css.

Another possibility is that I read something about the 'clip' css style, and how currently only the rectangle shape is available, although perhaps in css3, different shapes are planned...I don't know, stabbing in the dark now.

 

[radiantm3]

You were drunk one night reading a chapter on image maps from an old html book thinking it was about css.

 

[londonweb]

You were drunk one night reading a chapter on image maps from an old html book thinking it was about css.

Very possible - just another rockin' Friday night.

 

[seanf]

I wasn't thinking of that, although that's cool too.

Doesn't sound exactly like you're describing, but there's also Mountaintop Corners.

Sean

 

[rendezvouscp]

You might have seen Tantek Çelik's study of regular polygons.
-Chasen

 

[Elvano]

I don't know about CSS.
But I believe you might have mistaken it for the "Area shape" tag in HTML

<area shape="poly" coords="*,*,*,*,*,*" href="#" />

I believe the Area Shape can only be used to place above an image and function as an invisible link. Nt sure, though.