Flutuar elementos com CSS

✦ CSS Flutuar

Obs: Não esqueça de definir a classe CSS: "flutuar-codigo" no elemento

Copiar para a área de transferência
.flutuar-codigo{
        transform: translatey(0px);
        animation: float 6s ease-in-out infinite;
    }
    @keyframes float {
        0%{
            transform: translatey(0px);
        }
        50%{
            transform: translatey(-30px);
        }
        100%{transform: translatey(0px);}
    }

✦ CSS Flutuar / Diagonal

Obs: Não esqueça de definir a classe CSS: "flutuar-diagonal" no elemento

Copiar para a área de transferência
.flutuar-diagonal {
  transform: translate(0px, 0px);
  animation: float3 4s ease-in-out infinite;
}

@keyframes float3 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(-20px, -20px);
  }
  100% {
    transform: translate(0px, 0px);
  }

✦ Me siga nas redes sociais, obrigado!

Instagram Youtube