.scanner span {
    color: transparent;
    font-size: 1.4rem;
    position: relative;
    overflow: hidden;
  }
  
  .scanner span::before {
    content: "Chargement...";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    border-right: 3px solid #ffffff;
    overflow: hidden;
    color: #f0f0f0;
    animation: chargement 3s linear infinite;
  }
  
  @keyframes chargement {
    0%, 10%, 100% {
      width: 0;
    }
  
    10%,20%,30%,40%,50%,60%,70%,80%,90%,100% {
      border-right-color: transparent;
    }
  
    11%,21%,31%,41%,51%,61%,71%,81%,91% {
      border-right-color: #ffffff;
    }
  
    60%, 80% {
      width: 100%;
    }
  }