Como eu movo um H1 no HTML

6 respostas
htmlxhtmlhtml5front-endcss
Cerf_Pascal

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

Rosmano

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

darlan_machado

Mover?

Cerf_Pascal

Sim, fazer ele ir pra um lugar especifico do site

darlan_machado

Aí é melhor usar div mesmo, fera.

wldomiciano

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.

RogerPHP

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