CSS Nível 3 inclui um método de " transformar ", que leva o número de graus como um parâmetro e gira conteúdo, como texto, por que o número de graus. Você pode definir uma classe CSS para cada grau de rotação e usar JavaScript para girar o texto , alterando a classe CSS atribuído ao conteúdo de uma tag. Por exemplo, você pode animar texto usando o método JavaScript " setInterval " para chamar uma função de rotação em um intervalo regular cronometrados. Coisas que você precisa
Um desses navegadores :
Firefox 3.5 ou superior
Safari 3.1 ou superior
Chrome 4.0 ou superior
Opera 10.5 ou superior
Internet Explorer 9.0 ou superior
Visualizar Mais instruções
1
Crie um novo documento HTML utilizando o bloco de notas ou um editor HTML. Digite os cabeçalhos HTML no documento :
< HTML DOCTYPE >
Texto Rotativo 2
Criar um estilo CSS para o corpo do documento para definir uma margem e um tamanho grande fonte para o texto a ser rodada :
4
Crie uma função JavaScript para alterar a classe do texto para a próxima rotação , ou para começar de novo do zero , se o próxima rotação calculado é maior do que 360 graus. Inicializar uma variável global para rastrear o grau de rotação atual :
< br >
< /head>
6
Criar um tag
para o texto e atribuir-lhe a primeira classe CSS. Digite o texto a ser rodado dentro da tag
:
ROTATIVO
7
Salve o arquivo . Abra-o com um navegador e ver o texto girar na tela.