@keyframes flotter {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px); /* Descend de 20px */
  }
  100% {
    transform: translateY(0);
  }
}

.objet {
  animation: flotter 2s ease-in-out infinite;
}

@keyframes apparaitre-disparaitre {
  0% {
    opacity: 1; /* Visible */
  }
  50% {
    opacity: 0; /* Invisible */
  }
  100% {
    opacity: 1; /* Visible à nouveau */
  }
}

.element {
  animation: apparaitre-disparaitre 2s ease-in-out infinite;
}

@keyframes effacer-gauche-droite {
  0% {
    mask-image: linear-gradient(to right, black 100%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, black 100%, transparent 100%);
  }
  50% {
    mask-image: linear-gradient(to right, black 0%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, black 0%, transparent 100%);
  }
  100% {
    mask-image: linear-gradient(to right, black 100%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, black 100%, transparent 100%);
  }
}

.disparition {
  animation: effacer-gauche-droite 3s linear infinite;
  -webkit-animation: effacer-gauche-droite 3s linear infinite;
}