Foros del Web » Creando para Internet » CSS »

div con transicion cambia al achicar pantalla

Estas en el tema de div con transicion cambia al achicar pantalla en el foro de CSS en Foros del Web. tengo un div (contenedor) que mediante la propiedad transition al pasar el mouse sobre el aparece otro div esto funciona bien en pantalla normal pero ...
  #1 (permalink)  
Antiguo 24/11/2013, 15:14
 
Fecha de Ingreso: enero-2002
Ubicación: Lima
Mensajes: 461
Antigüedad: 22 años, 2 meses
Puntos: 1
div con transicion cambia al achicar pantalla

tengo un div (contenedor) que mediante la propiedad transition al pasar el mouse sobre el aparece otro div esto funciona bien en pantalla normal pero al achicar la pantalla cambia de tamaño dejo el codigo ya probe con % px y nada

Código HTML:
<div class="span6" id="first_ofert">
             	 <div class="span6" id="ofert_foto">
                    <img src="img/ofertas/oferta1.png">
                 </div>
                 <div class="span6" id="ofert_detalle">
                    <h4>Peru Monumental</h4>
                    <p>6dias 5Noches</p>
                 </div>
<!--  div sobre el otro-->
                  <div class="span6" id="ofer_hover">
             	</div>
 </div>

y el css

Código HTML:
#first_ofert {
	border: 1px solid #5D97CE;
	position: relative;	
}

#ofer_hover {
	display: block;
	background-color: #03C;
	position: absolute;
	z-index: 50;
	left: 0px;
	top: 0px;
	opacity: 0;
	transition: All 0.6s ease;
	-webkit-transition: All 0.6s ease;
	-moz-transition: All 0.6s ease;
	-o-transition: All 0.6s ease;
	height: 92px;
	float: left;
}
Gracias
__________________
Marcelo Acampora
mi pagina web personal
www.destinitytravel.com
  #2 (permalink)  
Antiguo 24/11/2013, 19:42
 
Fecha de Ingreso: mayo-2013
Mensajes: 207
Antigüedad: 10 años, 10 meses
Puntos: 31
Respuesta: div con transicion cambia al achicar pantalla

No entiendo que quieres decir.
  #3 (permalink)  
Antiguo 25/11/2013, 08:53
 
Fecha de Ingreso: enero-2002
Ubicación: Lima
Mensajes: 461
Antigüedad: 22 años, 2 meses
Puntos: 1
Respuesta: div con transicion cambia al achicar pantalla

Cita:
Iniciado por marcinf2 Ver Mensaje
tengo un div (contenedor) que mediante la propiedad transition al pasar el mouse sobre el aparece otro div esto funciona bien en pantalla normal pero al achicar la pantalla cambia de tamaño dejo el codigo ya probe con % px y nada
me falto poner algo en el codigo ahi va
Código HTML:
<div class="span6" id="first_ofert">
             	 <div class="span6" id="ofert_foto">
                    <img src="img/ofertas/oferta1.png">
                 </div>
                 <div class="span6" id="ofert_detalle">
                    <h4>Peru Monumental</h4>
                    <p>6dias 5Noches</p>
                 </div>
<!--  div sobre el otro-->
                  <div class="span6" id="ofer_hover">
             	</div>
 </div>

y el css

Código HTML:
#first_ofert {
	border: 1px solid #5D97CE;
	position: relative;	
}

#ofer_hover {
	display: block;
	background-color: #03C;
	position: absolute;
	z-index: 50;
	left: 0px;
	top: 0px;
	opacity: 0;
	transition: All 0.6s ease;
	-webkit-transition: All 0.6s ease;
	-moz-transition: All 0.6s ease;
	-o-transition: All 0.6s ease;
	height: 92px;
	float: left;
}
#ofer_hover :hover{
opacity: 1;
}
Gracias
__________________
Marcelo Acampora
mi pagina web personal
www.destinitytravel.com

Etiquetas: background, color, hover, pantalla, tamaño, transicion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:16.