Solucionado
Não entendi essa técnica. Porque se não utilizo ela, posso usar meu top e left pra chegar na posição exata.
.boas-praticas {
top: 70%;
left: 20%;
-webkit-transform: translate(-50%, -50%) translateZ(1px) rotate(10deg) scale(.25);
transform: translate(-50%, -50%) translateZ(1px) rotate(10deg) scale(.25);
} 
Fala ai Diego, tudo bem? A técnica de realizar o translate(-50%, -50%) é usada para mudar o ponto de centralização dos elementos na página.
Por padrão o posicionamento de top e left serão a parte esquerda ou superior dos elementos, mas, para centralizar precisamos levar em consideração o centro do elemento e não suas bordas.
Por isso, usamos o translate(-50%, -50%), ele irá mudar o ponto de centralização.
Espero ter ajudado.