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

<style type="text/css">
<!--
#img { 
   transition-property: all; transition-duration: 3s;
   width:75; height:75;
   filter: brightness( 0 );
}
#img:hover { 
   width:200; height:200px;
   border-radius: 12%;
   transform: rotate( 360deg );
   filter: brightness( 1 ) drop-shadow( -8px 8px 4px gray );
}
-->
</style>
</head>

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

<center>

<h4>This example applies a single duration value to any CSS property configured to allow transitions.<br>
The change in the element's dimensions, corners, rotation, brightness, and drop-shadow are all set to complete in 3 seconds.</h4>

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

<p><img id="img" src="/abkd/shared/images/samp03.jpg"></p>

</center>

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

</body>
</html>