[css-transitions] starting of transitions.

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 UTC