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

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

From: François REMY <fremycompany_pub@yahoo.fr>
Date: Fri, 29 Jan 2010 11:38:02 +0100
Message-ID: <2442AC749E274F78889D9A1D27D9BE5A@Fremy1>
To: <w3-style@boblet.net>, "www-style" <www-style@w3.org>
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 
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 

> 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

This archive was generated by hypermail 2.4.0 : Monday, 23 January 2023 02:13:42 UTC