Diaporama de balayage horizontal?

Question

Récemment j'ai vu une tendance des galeries de balayage et je me demandais quelle est la manière commune de les construire? Je sais que Slick Slider permet de glisser, mais je suis presque sûr qu'aucun de ces sites n'utilise un plugin diaporama standard.

Peut-être que certains utilisant Canvas? Greensock? Exemples ci-dessous:

https://collagecrafting.com/

http://artempivovarov.com/photo-gallery

Merci

Answer 1

Ils semblent utiliser des animations CSS, qui serait aussi l'un des meilleurs/moyens les plus faciles pour vous de le faire. Fondamentalement, tout ce qu'ils font est de changer la position de celui-ci. Un exemple d'animation qui ferait un effet de diapositive est le suivant:

.slideLeft { 
    position: absolute; 
    left: 25%; 
    animation-name: slideLeft; 
    animation-duration: 2s; 
} 
@keyframes slideLeft { 
    from { 
     left: 25%; 
    } 
    to { 
     left: 0%; 
    } 
}