Reflexo horizontal e vertical com CSS3

Se procuras como fazer um reflexo (ou flip) de algum elemento de HTML, seja uma imagen, um texto ou o que te apeteça, podes utilizar estes estilos nesse mesmo elemento, em vez de ter que recorrer ao Photoshop para isso:

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;

Exemplo 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.

Ainda Sem Comentários.

Deixar um Comentário