12 de junio de 2009

CSS: Cómo invertir horizontalmente el contenido de una web

¿Y cómo se consigue este efecto tan curioso? Pues muy sencillo, con la desconocida propiedad direction.

Tiene dos valores posibles rtl (de derecha a izquierda) y ltr (de izquierda a derecha, que es el valor por defecto).

El texto no se invierte, se invierte la colocación de los contenidos. Os pongo un par de capturas de Faceblog.es con y sin esta propiedad para que podáis comparar. Primero de izquierda a derecha (como es por defecto) y en segundo lugar con los bloques de derecha a izquierda.


No hay comentarios: