por Donald Silveira

Transform Element com CSS3

Código CSS

-moz-transform: scale(1) rotate(20deg) translate(5px, 10px) skew(10deg, 5deg);
-webkit-transform: scale(1) rotate(20deg) translate(5px, 10px) skew(10deg, 5deg);
-o-transform: scale(1) rotate(20deg) translate(5px, 10px) skew(10deg, 5deg);
-ms-transform: scale(1) rotate(20deg) translate(5px, 10px) skew(10deg, 5deg);
transform: scale(1) rotate(20deg) translate(5px, 10px) skew(10deg, 5deg);

Explicando o código:

scale - Tamanho do elemento (1 = Default)
rotate - Rotação do elemento em graus (ex.: 90 = 90º)
translate - Movimentação do elemento: Left(-), Right. Top(-), Bottom (ex.: -10px, -10px / Voltar 10px para Left e subir 10px para Top).
skew - Distorção do elemento na diagonal, ultilizando valores em graus.

Resultado: 

 

 

Comentários

Carregando comentários

Postar um novo comentário



Processando...