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

<style type="text/css">
<!--
#earth { 
   transition-property: width, transform; transition-duration: 2.5s, 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> (Multiple Values)</h2></div>
<hr size=1 width=92%>

<center>

<h4>This example applies different duration values to a transition specified for multiple CSS properties.<br>
The change in the element's dimension is set to end in 2.5 seconds, while the rotation is set to end 3 seconds later.</h4>

<p>Move the mouse over to see the effect. Move the mouse out to reset. </p>

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

</center>

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

</body>
</html>