Fala galera, tem algum modo de eu usar o tranform: rotate em textos?
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!
Fala galera, tem algum modo de eu usar o tranform: rotate em textos?
Olá, Thiago.
Tudo bem?
Você pode colocar uma classe na tag que contém o texto seja ela um <p>, <h1>, <div> etc. Então aplicar o efeito tranform: rotate:
Veja um exemplo:
<div class="quadrado">Normal</div>
<div class="quadrado rotated">Rotated</div>.quadrado {
width: 80px;
height: 80px;
background-color: skyblue;
}
.rotated {
transform: rotate(45deg); /* Equal to rotateZ(45deg) */
background-color: pink;
}
Espero ter ajudado.
Qualquer dúvida conta com a gente :)