Re: [css4-background] use cases for 'border-corner-shape'?

On Mar 24, 2013, at 4:12 PM, Nicole Sullivan <nicole@stubbornella.org> wrote:

> Hi David,
> 
> I hope you don't mind me jumping in here. I usually lurk, but don't post anything.
> 
> I think you might struggle to find real world sites because of the emphasis recently on using real text and CSS rather than images to achieve designs. For example, we received the following mockup for the "buy a ticket" button for CSSConf:
> 
> https://docs.google.com/file/d/0B1R2N-G_MObBNWNDTzFLQWRra3M/edit?usp=sharing
> 
> In looking at it, we ascertained that we would need to use an image to achieve the corners the designer wanted, in which case we would struggle to make it contain real text and scale to different sizes in our responsive design.
> 
> You can see the button design we came up with instead on http://cssconf.com/. I think it is disappointing/boring compared to what we'd hoped to achieve. (Especially given that we were able to recreate the rather complicated background pattern in pure css)
> 
> Anyway, my two cents is that this would be a heavily used feature, designers are currently being held back by a desire to avoid unnecessary images. Though, I think it would be better to have a formula to describe the shapes rather than a few predetermined shape options.

A simple SVG element embedded into the web page would have solved your problem here. No image or compromise necessary.

Greetings,
Dirk

> 
> Cheers,
> Nicole
> 

Received on Monday, 25 March 2013 12:23:37 UTC