El objetivo de este proyecto es crear un componente que muestre diferentes pasos (steps) como tarjetas (cards) y permita la navegación entre ellas con animaciones suaves.
Componentes EscenaComponent: Este es el componente principal que gestiona la visualización y la animación de las tarjetas. Animaciones Utilizamos Angular Animations para crear transiciones suaves entre las tarjetas. La animación fade controla la opacidad de entrada y salida de las tarjetas.
Se incluyen estilos específicos para asegurar que las tarjetas y su contenido se mantengan dentro de los límites esperados, evitando el desbordamiento y la expansión no deseada.
Node.js Angular CLI
- Clona el repositorio:
git clone https://github.com/tu-usuario/proyecto-angular-tarjetas.git
cd proyecto-angular-tarjetas- Instala las dependencias:
npm install- Ejecuta el proyecto
ng serve -o