W3C home > Mailing lists > Public > www-style@w3.org > November 2010

RE: [css3-images] Repeating oblique gradients

From: Rik Cabanier <cabanier@adobe.com>
Date: Tue, 30 Nov 2010 12:48:55 -0800
To: "Tab Atkins Jr." <jackalmage@gmail.com>
CC: Leif Arne Storset <lstorset@opera.com>, Brad Kemper <brad.kemper@gmail.com>, www-style list <www-style@w3.org>
Message-ID: <8A13F0222395BD428969E5BA529EFA747766F573D3@NAMBX01.corp.adobe.com>
> I'll leave this to the browser vendors to decide.  If this is indeed cheap, then we can relax the restriction on image-orientation.
It seems logical to add it. It could even be expressed as a 2d-transform. There's already background-origin parameter to indicate where the rotation/skewing should take place.

> Could you screencap some images for me?
I harvested a couple of ads with this idiom but I'm unsure if I can post them for IP reasons...

Rik

-----Original Message-----
From: Tab Atkins Jr. [mailto:jackalmage@gmail.com] 
Sent: Tuesday, November 30, 2010 11:41 AM
To: Rik Cabanier
Cc: Leif Arne Storset; Brad Kemper; www-style list
Subject: Re: [css3-images] Repeating oblique gradients

On Tue, Nov 30, 2010 at 11:32 AM, Rik Cabanier <cabanier@adobe.com> wrote:
>> Rotating raster images is indeed relatively expensive - this is why the image-orientation property only accepts multiples of 90deg.
> As Leif mentioned, this is a very common problem that is already solved.
> If the browser uses the OS API's to draw, there is support to do this natively (brushes on windows and patterns on mac).
> If the browser draws with OpenGL or DirectX, it takes no effort to implement (and run with no performance penalty).

I'll leave this to the browser vendors to decide.  If this is indeed cheap, then we can relax the restriction on image-orientation.


>> Any evidence to the contrary showing that repeating gradients are 
>> used in practice would be appreciated
> In the flash world, repeating patterns are used all the time.
> If you go to money.cnn.com or finance.yahoo.com, you will see many repeating gradients in the ads for ETrade. For example, the 'shimmer' effect on the buttons is done with a reflected, rotated axial gradient.

Could you screencap some images for me?  I don't know if I'm seeing the same ads as you.  (I had to remember to explicitly turn off adblock, too - I was pretty confused at first!)

~TJ
Received on Tuesday, 30 November 2010 20:49:39 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:34 GMT