Reflejo horizontal y vertical con CSS3

Si buscas como hacer un reflejo (o flip) de algún elemento de HTML, sea imagen, un texto o lo que te de la gana, puedes utilizar estos estilos en ese mismo elemento, al invés de tener que recurrir al Photoshop para ello:

Flip horizontal:

-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
-ms-filter: "FlipH";
filter: FlipH;

Flip vertical:

-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
-ms-filter: "FlipV";
filter: FlipV;

Ejemplo de flip vertical:

flip

Escrito por

Me gusta la tecnología, sea de que tipo sea y a nivel informático tengo bases de programación, pero lo que más me gusta realmente es la parte de frontend, con que trabajo hace ya más de 6 años. Pero ni siempre me gusta estar encerrado, sobretodo en verano, que salgo con la bicicleta, la moto, voy a bucear, a la playa, etc. Intento viajar siempre que puedo, sea en inverno o en verano.Me gusta la tecnología, sea de que tipo sea y a nível informático tengo bases de programación, pero lo que más me gusta realmente es la parte de frontend, con que trabajo hace ya más de 6 años. Pero ni siempre me gusta estar encerrado, sobretodo en verano, que salgo con la bicicleta, la moto, voy a bucear, a la playa, etc. Intento viajar siempre que puedo, sea en inverno o en verano.

Todavía sin comentários

Dejar un comentario