Porque para todas as palavras que queria aplicar o efeito 3d os valores do transform: translate ficaram com os valores de (-50%, -50%) ?
Solucionado
Porque para todas as palavras que queria aplicar o efeito 3d os valores do transform: translate ficaram com os valores de (-50%, -50%) ?
hoje, com a Alura e o Google Gemini
Oi Leonardo, o
transform: translate(-50%, -50%);é equivalente a:
transform: translatX(-50%,);
transform: translateY(-50%);Isso faz com que o elemento se desloque pela metade do valor dele tanto para cima (Y negativo) quando para esquerda (X negativo).
Isso serve basicamente para posicionar elementos (:
Portanto veja que esse translate como descrito só posiciona elas no eixo X e Y e não no Z, sendo assim não muda nada no efeito 3d.
Abraços!