W3C home > Mailing lists > Public > www-style@w3.org > February 2013

[css-transitions] starting of transitions.

From: Andrew Fedoniouk <news@terrainformatica.com>
Date: Wed, 20 Feb 2013 19:54:47 -0800
Message-ID: <CALRQH79bGgDXwwUgkEqaD_-XfYH7NhW9c5B6wAYBfjNrWLj6Pw@mail.gmail.com>
To: "www-style@w3.org" <www-style@w3.org>
I've the question reading this section
http://www.w3.org/TR/css3-transitions/#starting

Let's assume I have these two rules:

a:link { color:red; transition: color 1s linear; }
a:link:hover { color:blue; transition: color 2s ease;  }

so there are two types of animations: for entering :hover state
and leaving it.

Question is: what timing function will be used when
<a> gets :hover state? And the same one for :not(:hover) state.

The section above in my opinion is not clear enough on this.

There are two options for entering :hover state:
1. use 'linear' from previous state or,
2. use 'ease' from that :hover state we are in.

If #1 then declaration:
   a:link:hover { color:blue; transition: color 2s ease;  }

looks a bit misleading, isn't it?

-- 
Andrew Fedoniouk.

http://terrainformatica.com
Received on Thursday, 21 February 2013 03:55:15 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:21:06 GMT