Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/09/2014, 05:39
Avatar de RAZGRIZ24
RAZGRIZ24
 
Fecha de Ingreso: septiembre-2009
Mensajes: 143
Antigüedad: 14 años, 8 meses
Puntos: 2
Aplicar transition a partir de otro elemento.

Buenas compis! pues la duda la verdad es bastante simple pero no sé como solucionarlo. Tengo lo siguiente:

Código:
.header-ul{
	display:block;
	float:left;
	margin:0;
	padding:0;
	z-index:100;
	position:relative;
}
[...]
.header-li{
	list-style:none;
	display:none;
	z-index:100;
}
[...]
ul.header-ul:hover li{
	display:block;
}
El problema lo tengo con el fragmento de código que os estoy mostrando, como veis en la última regla, cambio el display del li. Eso es correcto, pero querría que ese display tuviera una transición (o un retraso, la verdad es que aún tengo que probar ambos efectos) de 0.5s al situar el ratón sobre el elemento 'ul'

Es la primera vez que busco hacer un transition a partir de otro elemento ¿Cómo puedo hacerlo?