Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Sheila Simone PEreira

Qual codigo css utilizo

Recommended Posts

Boa noite preciso de uma ajuda. Estou fazendo um trabalho que e fazer um site e quero saber qual o codigo utilizo para colocar uma palavra na diagonal.

Exemplo vou por uma figura no meio e as palavras em volta, uma em cima, uma abaixo, duas no centro ao lado direito e esquerdo e as outras quatro palavras ficaram na diagonal (como se fosse um sol com as palavras escritas no lugar dos raios).

Nao e um site de verdade e so um trabalho por isso nao tenho o link pra colocar.

Se puderem me ajudar agradeco muito. Meu email sheilash@ig.com.br

Agradeço a atencao e ajuda

Sheila

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom, vamos lá então:

.rotacao {
border:1px solid;

/* Safari */
-webkit-transform: rotate(-45deg);

/* Opera */
-o-transform: rotate(-45deg);


/* Firefox */
-moz-transform: rotate(-45deg);


/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
<div class="rotacao">
    Texto na vertical?????
</div>

Neste exemplo o texto gira em 90 graus no sentido anti-horário.

OBS: A propriedade de rotação do filtro do Internet Explorer BasicImage pode aceitar um dos quatro valores: 0, 1, 2 ou 3, que irá girar o elemento 0, 90, 180 ou 270 graus, respectivamente.

Todos os outros navegadores aceitam ângulos variados de 0 a 360 graus.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.