Reconstrucción de un patrón de hover: al pasar el ratón, la carpeta baja, el fondo se acerca y un objeto escondido sube y se inclina. Cuatro capas, una sola curva de muelle y solo transform. Pasa el ratón, usa el tabulador o toca las tarjetas.
Un objeto sale de la carpeta al pasar el ratón.
La carpeta baja y el fondo se acerca a la vez.
Cambia las variables de :root y vuelve a probar.
scale(1) → scale(1.15). Con overflow: hidden en la tarjeta, el zoom queda recortado y parece que la cámara se acerca.translateY(-76px) rotate(-10deg). La inclinación es lo que lo hace parecer un objeto físico y no un recorte.translateY(96px). Baja entera (pestaña, número y flecha van dentro). Es más alta que la tarjeta para que no asome su borde.::after) va pintado encima de todas las capas. Es la funda: tapa el borde inferior de la carpeta cuando baja y redondea las esquinas interiores sin más código.linear(): una lista de puntos muestreados de la ecuación del muelle. El pico (≈ 9 % de sobrepaso a los 0,36 s) es el rebote que se ve.Material de clase. Estructura, geometría, colores y código propios; el patrón de interacción está reconstruido a partir de la observación de un componente de terceros, sin reutilizar sus archivos.