retardar un display none y block

[mensajeescrito]

Hola buenas, veran tengo una duda.

Sé que se puede retardar la ejecucion de un opacity de esta manera:

Código CSS:

opacity: 1;
 
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
 

Pero mi duda es si se puede hacer tambien con un display none y block ¿?

Aunque imagino que esta mal, me refiero a algo asi:

Código CSS:

display:block;
 
        -webkit-transition: block 0.5s ease-in-out;
        -moz-transition: block 0.5s ease-in-out;
        -ms-transition: block 0.5s ease-in-out;
        -o-transition: block 0.5s ease-in-out;
        transition: block 0.5s ease-in-out;
 

gracias de antemano.

[AngelKrak]

No se puede ya que tengo entendido que es un Tipo Bloque, lo que podrias hacer es ocultarlo mediante transition de jquery y luego removerlo

[Rafael]

Complemento. Básicamente el display block-none, es o está o no está. No hay tal "Si está pero no está, está más que no está".

Lo que puedes hacer es jugar con alturas. Height.

[mpozo]

Lee al respecto http://www.w3.org/TR/css3-transitions/#animatable-css

[mensajeescrito]

ok, ok, ahora lo entiendo. Gracias por los consejos me sirvieron.

Por cierto alguien sabe como podria o donde puedo encontrar una tabla que tenga el siguiente aspecto:

Código url:

http://www.zumodecolores.com/160-470-thickbox/tres-en-raya.jpg
 

es decir me refiero a las lineas verticales y horizontales, sin los circulos ni las x.