Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Elton Carlos Carvalho

[Resolvido] jQuery - Redimensionar DIV

Por , em Javascript

Recommended Posts

Elton Carlos Carvalho    1

Elton Carlos Carvalho
Postado

CONSEGUIR, USANDO CSS MESMO, TA AÍ PARA QUEM QUISER!

 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<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>
</head>

<body>

<div class="corpo">

   <div class="galeria">    
       <div class="foto"><img src="ani1.jpg"></div>    
       <div class="foto"><img src="ani2.jpg"></div>	    
       <div class="foto"><img src="ani3.jpg"></div>	        
       <div class="foto"><img src="ani4.jpg"></div>

</div>

   <div class="galeria">
       <div class="foto"><img src="ani5.jpg"></div>	        
       <div class="foto"><img src="ani6.jpg"></div>	        
       <div class="foto"><img src="ani7.jpg"></div>	        
       <div class="foto"><img src="ani8.jpg"></div>	            
   </div>


</div>


</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito