Fala galera, tem algum modo de eu usar o tranform: rotate em textos?
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 :)