Cards que se voltean.

Una card, dos lados.

Cada card es un contenedor con transform-style:preserve-3d y dos caras absolutas (front + back) con backface-visibility:hidden. La rotación Y se calcula por scroll: cuando el centro de la card está sobre el centro del viewport, rota 0°; cuando entra desde abajo, viene desde 90°; cuando sale por arriba, va a -90°.

Funciona perfecto para listas de pilares, casos de éxito, comparaciones (antes/después), o miembros del equipo (foto/bio). La regla: usa máximo 4-5 cards. Si pones 10, el scroll se vuelve cansado y el efecto pierde el "wow" del primer flip.