transition-duration.aspx font size:
View Sample
<html>
<head>
<title>Abakada CSS Demo: transition-duration (Single Value)</title>
<link rel="stylesheet" href="/shared/netdemos.css">

<style type="text/css">
<!--
#earth { 
   transition-property: all; transition-duration: 2.5s;
   width: 100; cursor: zoom-in;
}
#earth:hover {
   width: 360; transform: rotate( 240deg );
}
-->
</style>
</head>

<body>
<div class="header"><h2>Abakada CSS Demo: <b>transition-duration</b> (Single Value)</h2></div>
<hr size=1 width=92%>

<center>

<h4>This example shows the effect of applying a single duration value for all properties involved in a transition.<br>
Both the dimension change and rotation are set to last 2.5 seconds.</h4>

<p>Move the mouse over to change this element's dimension and rotation.<br>
   Move the mouse out to reset. </p>

<img id="earth" src="/shared/images/earth.png">

</center>

<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->

</body>
</html>