View Transitions API: ejemplo de código generado con IA

Este prompt está diseñado para generar un ejemplo funcional de la View Transitions API, una característica moderna de los navegadores que permite animar el cambio entre vistas o páginas de forma nativa, sin depender de librerías externas. El código resultante incluye una navegación entre dos páginas de contenido con una transición de fundido cruzado (crossfade), lo que lo convierte en un punto de partida ideal para desarrolladores web que quieran mejorar la experiencia visual de sus aplicaciones sin añadir complejidad innecesaria.

Este tipo de prompt es especialmente útil cuando se trabaja en SPAs (aplicaciones de una sola página), portafolios, blogs o dashboards donde la navegación fluida marca una diferencia perceptible para el usuario. Para obtener mejores resultados, se recomienda usar modelos con sólido conocimiento de JavaScript moderno como GPT-4o o Claude 3.5. Una variación interesante sería pedir animaciones de deslizamiento lateral en lugar de fundido, o incluir soporte para el atributo view-transition-name para animar elementos individuales entre páginas.