Re: CSS3 transition strangeness when using background-color:transparent;

The problem of "transparent" is that it's computed as rbba(0,0,0,0), which
is a fully transparent black. So the transition as it is defined now want 
the
UA to perform a fade to black.

Opera sometimes going to red seems wrong.

Maybe we should add a small comment about that :
"The transition of a color from and to 'transparent' should be rendered by
the transition of the Alpha composant of the property only. The RGB values
are kept the same as those of the non-'transparent' color of the transition. 
"

--------------------------------------------------
From: "Oli Studholme" <w3-style@boblet.net>
Sent: Friday, January 29, 2010 9:38 AM
To: "www-style" <www-style@w3.org>
Subject: CSS3 transition strangeness when using 
background-color:transparent;

> Hi All,
>
> I’m wanting to use transitions on link states. I have a
> background-color set on links, then background-color:transparent; set
> for a:hover.
>
> I expected the background color to fade to transparent, the same way
> opacity would, or the way it would if you were transitioning directly
> to the parent’s background color. However in Webkit the transition
> goes via a mid-gray. In Opera 10.50 it goes via gray on hover, then
> via red (!) on mouse-out.
>
> Here’s a demo page:
> http://oli-studio.com/bugs/browser/transition-transparent.html
>
> I can’t see anything in CSS3 Transitions that addresses transparency
> specifically, just this note under “6. Animation of property types”:
>
> “color: interpolated via red, green, blue and alpha components
> (treating each as a number, see below)”
>
> Is this by design?
>
> peace - oli
>

Received on Friday, 29 January 2010 10:38:32 UTC