W3C home > Mailing lists > Public > www-style@w3.org > March 2013

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

From: Lev Solntsev <greli@mail.ru>
Date: Wed, 27 Mar 2013 15:13:06 +0400
To: www-style@w3.org
Message-ID: <op.wulqr4n939dhqv@lev-pc>
Speaking of this, russian major search engine Yandex comes to the mind:
www.yandex.ru
They are using rectangle at the right side as their corporate style.

It can be seen in their mobile version of the site, see the screenshot  
(113 KB):
http://files.myopera.com/GreLI/albums/2485841/Screenshot_2013-03-27-15-01-38.png

Note there are gradients on the yellow arrow and the button. It's
quite difficult to make with just CSS, so it has been made very hacky.

I think there are much more examples, it's just the first that came into  
my mind.

Lea Verou <lea@w3.org> wrote Wed, 27 Mar 2013 01:50:02 +0400:

> Good examples fantasai!
> [skipped]
>
> On Mar 26, 2013, at 23:18, fantasai wrote:
>
>> On 03/24/2013 03:50 PM, Lea Verou wrote:
>>> I’ll try to find some additional good examples.
>>>
>>> Elika, since you added the property, maybe you had some good existing  
>>> use cases in mind?
>>
>> The major one for 'bevel' was to allow the shapes that are used in  
>> certain
>> kinds of breadcrumb trails and tabs: some styles uses slanted tabs  
>> rather
>> than curved-corner ones, and I've seen breadcrumb trails that look like
>>  ____________________
>> |     \       \       \
>> |______\_______\_______\
>>
>> or
>>   ____________________
>>  | ... \  ... \  ...  \
>>  |_____/______/_______/
>>
>> (Earlier designs of the Launchpad bug tracker did this, for example.)
>>
>> Another use case was to give shapes that would commonly allow the  
>> hit-testing
>> (and background-painting) area to more closely approximate  
>> fancy-cornered
>> border images.
>>
>> ~fantasai
Received on Wednesday, 27 March 2013 11:13:33 GMT

This archive was generated by hypermail 2.3.1 : Wednesday, 27 March 2013 11:13:33 GMT