- From: Tab Atkins Jr. <jackalmage@gmail.com>
- Date: Fri, 11 Feb 2011 15:56:49 -0800
- To: Sylvain Galineau <sylvaing@microsoft.com>
- Cc: "www-style@w3.org" <www-style@w3.org>
On Fri, Feb 11, 2011 at 2:42 PM, Sylvain Galineau
<sylvaing@microsoft.com> wrote:
> If I have:
>
> #test {
> transition-property: background-color;
> transition-duration: 0.20s;
> background-color: currentColor;
> color:blue;
> }
>
> #test:hover {
> color:red;
> }
>
> What happens ?
Do transitions fire based on the specified or computed value? I can't
seem to find language in the spec specifying one way or the other, but
some simple testing seems to show that webkit uses specified value:
data:text/html,<!doctype html><div id=foo><div
id=bar></div></div><input type=range min=20 value=100 step=20
onchange="foo.style.width = this.value + '%'"><style>#foo { border:
thick solid blue; } #bar { border: thick solid green; height: 2em;
width: 50%; margin: 0 auto; transition: width 1s;}</style>
Anyway, answering that question will answer the specific question you have.
~TJ
Received on Friday, 11 February 2011 23:57:42 UTC