Caros,
Executei o código conforme a tarefa descrevia, consegui entender a execução do translateZ(4px) mas a aplicação do translate(-50%, -50%), para que a palavra permaneça no mesmo lugar não funcionou...
.palavras-home {
perspective: 6px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.palavra-home {
position: absolute;
font-family: "Shadows Into Light", cursive;
font-weight: bold;
color: #D5447E;
}
.eficiencia {
top: 20%;
left: 75%;
-webkit-transform: translate(-50%, -50%) rotate(-5deg) translateZ(4px);
transform: translate(-50%, -50%) rotate(-5deg) translateZ(4px);
}