Como eu movo um H1 no HTML

6 respostas
htmlxhtmlhtml5front-endcss
C

Voltei aqui de novo, e queria pedir mais uma ajuda bem de iniciante mesmo, tem como mover um texto “H1” no HTML? poderiam me dar um exemplo? ;-;

6 Respostas

R

Voce pode usar o h1 em qualquer momento e mais de uma vez…

D

Mover?

C

Sim, fazer ele ir pra um lugar especifico do site

D

Aí é melhor usar div mesmo, fera.

W

Você poderia dar um exemplo visual do que vc tá querendo fazer? De qualquer forma, dá pra mover qualquer coisa dentro de um documento HTML, literalmente vc poderia deixá-lo de cabeça pra baixo ou mesmo girando indefinidademente.

R

Não ficou muito clara sua pergunta vc quer fazer um animação ou só quer colocar o texto no centro ou lado esquerdo etc…
Abaixo fiz um exemplo de animação !! Que muda aposição do h1 !!

<!DOCTYPE html>
<html>
<head>
<style> 
h1 {

    position: relative;
  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 4s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  0%   { left:0px; top:0px;}
  25%  { left:200px; top:0px;}
  50%  { left:200px; top:200px;}
  75%  { left:0px; top:200px;}
  100% { left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
  0%   { left:0px; top:0px;}
  25%  { left:200px; top:0px;}
  50%  { left:200px; top:200px;}
  75%  { left:0px; top:200px;}
  100% { left:0px; top:0px;}
}
</style>
</head>
<body>

<h1>Movendo h1</h1>

</body>
</html>
Criado 19 de agosto de 2019
Ultima resposta 22 de ago. de 2019
Respostas 6
Participantes 5