Como eu movo um H1 no HTML

Front-end
, , , ,
#1

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? ;-;

#2

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

#3

Mover?

#4

Sim, fazer ele ir pra um lugar especifico do site

#5

Aí é melhor usar div mesmo, fera.

#6

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.

#7

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>
1 curtida