Codigo CSS3 de Galeria

galeria.css

<div class="corpo">
    
    <div class="galeria">    
        <div class="foto"><img src="Assas1.jpg"></div>    
        <div class="foto"><img src="Assas2.jpg"></div>	    
        <div class="foto"><img src="Assas3.jpg"></div>	        
        <div class="foto"><img src="Assas4.jpg"></div>

	</div>
        
    <div class="galeria">
        <div class="foto"><img src="Assas5.jpg"></div>	        
        <div class="foto"><img src="Assas3.jpg"></div>	        
        <div class="foto"><img src="Assas4.jpg"></div>	        
        <div class="foto"><img src="Assas5.jpg"></div>	            
    </div>
    
	
     
</div>
<style>
.corpo {
	width: 800px;
	margin: 20px 0 0 50px;
}

.galeria {
	width: 800px;
	height: 210px;
	float: left;
}


.foto {
	float: left;
	width: 150px;
	overflow: hidden;
	margin: 0 10px 5px 0;
	-webkit-transition: width 1s ease-in; 
	-moz-transition: width 1s ease-in; 
	-o-transition: width 1s ease-in; 
}

.foto:hover {
    width: 310px;
}
</style>