Manuel Rodrigues da silva
html, body { height: 100%; overflow-x: hidden; }
body { perspective: 60px; perspective-origin: 50% 160px; } p{ position: absolute; top: 30%; color: #851944; text-align: center; font-size: 4em; transform-style: preserve-3d; } não esta a dar certo
Oi Manuel,
Pra conseguir te ajudar preciso que aponte qual exercício você estava tentando fazer, ou que poste screenshots do resultado que esperava.
Se puder também, mostre um screenshot com o que você tem agora.
Abraço,
Art
Creio que você está no exercício do na aula 4 (Transformações) da segundo curso de HTML e CSS, na parte do "Paralaxe nas palavras" em que você quer dar uma perspectiva-3D para as palavras do header. Se eu estiver certo, considere isto.
<header class="titulo-principal">
<img class="foto-home" src="imagens/eu.jpg" alt="Foto de João da Silva">
<h1>João da Silva</h1>
<p class="subtitulo-principal">Desenvolvedor web</p>
<ul class="palavras-home">
<li class="palavra-home eficiencia">Eficiência</li>
<li class="palavra-home boas-praticas">Boas práticas</li>
// ---
</header>Se queremos adicionar a perspectiva nas
como foi feito.
.palavras-home, .titulo-principal {
transform-style: preserve-3d;
}Espero ter ajudado,
Abraço.