HTML5 Typography - Learn HTML5 by Creating Fun Games - page 100

Note that the transition property is assigned with a browser-specific prefix. This was
done for simplicity, but in your production code you might want to check the status
of each browser in regards to that specific property, and specify all values possibly
needed, along with a plain, non-prefixed version for when the prefix is removed from
a browser:
#navOptions {
position: relative;
top: 10px;
left: -230px;
width: 325px;
overflow: auto;
padding: 10px;
border-radius: 0 10px 10px 0;
-webkit-transition: all 0.3s; /* Webkit-based
browsers */
-moz-transition: all 0.3s; /* Mozilla
Firefox */
-o-transition: all 0.3s; /* Opera */
transition: all 0.3s; /* One
day, every browser. Today, any browser not in
experimental */
}
The example just seen uses short hand to define all four possible properties, but they
can also be declared individually:
#navOptions {
position: relative;
top: 10px;
left: -230px;
width: 325px;
overflow: auto;
padding: 10px;
border-radius: 0 10px 10px 0;