eu não entendo isso transform: translate(-50%, -50%) rotate(-5deg) translateZ(4px); | HTML5 e CSS3 II: Turbinando as suas páginas

1
resposta

por Charles Mendes

| 119k xp | 3 posts

transform: translate(-50%, -50%) rotate(-5deg) translateZ(4px);

Esse conteúdo esta na Aula 4 Tópico 06 : Palavras em 3D

o que : translate(-50%, -50%) faz, alguém poderia explicar ?

1 resposta

por Natan Souza

| 2099.2k xp | 3697 posts

Instrutor Product Design Lead na Alura

11/02/2018

Oi Charles, tudo bem?

Os valores se referem aos eixos X e Y do elemento, respectivamente.

Achei essa imagem que ilustra isso:

Transform translate 10px e 20px mostrando os eixos

Espero ter ajudado e boa semana,

Abcs!