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

CSS3 transition strangeness when using background-color:transparent;

From: Oli Studholme <w3-style@boblet.net>
Date: Fri, 29 Jan 2010 17:38:29 +0900
Message-ID: <a015dab71001290038nb613498u14a321edb9c50164@mail.gmail.com>
To: www-style <www-style@w3.org>
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 08:40:29 GMT

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