Hi I’m trying to work out how to get the following working cross browser.
I’d like a rectangular content area which can have an arbitrary amount of content.
As the content varies between each content holder I’d like to extend the height of the triangle in a scalene kind of effect.
I was wondering the best way to achieve adding a triangle to the right hand side of a bunch of content boxes that will have differing heights. Not too sure where to start as the css methods all rely on fixed heights.
Thanks so much for that.. I think that would actually work really well! I was thinking of trying multiple colours for the arrow and playing with converting a vector to a font and using that as the content but then would have the same issue.