I dont want to open a new topic, so I'll post it here because it similar problem. I did this transition before and it worked. Now when I try to run it it doesnt work. Code is the same and also Chrome.
When its hovered it disappears and when its done transforming it shows up. I did a google search and found out its problem with browser. Then I tried in IE and Firefox and Safari and it worked. But I want to know why it has worked first time. Why is that. My Chrome version is 16.0.912.63. Can you try this code to see does it work for you.
border:7px solid blue;
-webkit-transition: -webkit-transform 10s;
<meta charset="utf-8" />
<link rel="stylesheet" href="main.css" />