Hero

Hero edge

Bloc noir profond, grille technique en fond, carrousel de cinq photos et bandeau de statistiques collé en bas à droite. Le carrousel ne bouge pas : les cinq images sont empilées en absolu au même endroit et seule leur opacité change, de 0 à 0,55 en 700ms, donc aucun reflow et un fondu propre même sur une image lourde. Les photos sont posées en mix-blend-screen sur le noir, si bien que leurs zones sombres se fondent dans le fond au lieu de dessiner un rectangle. Un seul état pilote trois choses en même temps : la photo visible, la pastille active et le couple de chiffres du bandeau, puisque le tableau de statistiques est indexé comme celui des images. La navigation circulaire passe par un double modulo, ce qui rattrape le -1 que rend le modulo JavaScript sans tester les bornes.

AMOUSSOU Siméon Céphas· 4 vues