Porque para todas as palavras que queria aplicar o efeito 3d os valores do transform: translate ficaram com os valores de (-50%, -50%) ?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Porque para todas as palavras que queria aplicar o efeito 3d os valores do transform: translate ficaram com os valores de (-50%, -50%) ?
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!