CSS Exercise 01 : Transitions

HTML

<link rel="stylesheet" href="http://dl.dropbox.com/u/10057969/Resources/css3_ex01.css">
<h1>Amazing!</h1>
<div id="images">
    <img src="http://dl.dropbox.com/u/10057969/Resources/css3_ex01_i01.png" />
    <img src="http://dl.dropbox.com/u/10057969/Resources/css3_ex01_i02.png" />
    <img src="http://dl.dropbox.com/u/10057969/Resources/css3_ex01_i03.png" />
    <div class="clear"></div>
</div>

CSS

#images img{-webkit-transition: all .5s ease-out}
#images img:hover{
    margin: -15px;
    width: 240px;
    position: relative;
}