Las animaciones nos ayudan a resaltar elementos de nuestra pagina y hacer mas amigable la interacción de los usuarios con nuestro sitio web.
Los Triggers nos ayudan a saber que animaciones y en que momentos usarlas. Los Estados nos ayudan a definir los estados de la animación, los elementos que vamos a animar tienen estados iniciales, estados finales y estados intermedios, veamos como se usan.
Víctor Hugo Rivas Sánchez
Para corregir el error de BrowserAnimationsModule realizar las siguientes modificaciones en "app.module.ts"
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@NgModule({ declarations: [ ], imports: [ BrowserAnimationsModule ], })
Jose Pech
Muchas gracias me funcionó!
Bruno Belisario Tijero Tolentino
Todo lo del video esta bien y funciona con angular 6. Solo falto agregarle en el "app.mosule.ts" lo siguiente: import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
y en el ngModule: @NgModule({ imports: [ ..., BrowserAnimationsModule
Israel Urbina
Cierta mente gracias por el dato :)
Jhon Castrillon
Estaba chicaneando con ese perol de cuaderno
Daniel Altamar
Buenas, sería genial su pudieran montar el codigo de las anteriores clases.
Usuario anónimo
UserSi para ver como se ve.
Yesid Anacona
Hola, no me funciona la animación incluso cuando he seguido todos los pasos, no sé si en la versión de Ang 6 sea distinto pero siempre que voy a la página y reviso con la herramienta, mi cuadrado sigue con las mismas características, como si no se le hubiera aplicado el binding
Cristian Refugio Covarrubias Patiño
No tiene nada que ver con la clase pero. ¡QUE CUADERNO TAN CHINGON!
Jesús Arévalo
Quiero ese cuaderno!
Juan Antonio Baracat
Excelente cuaderno!
Luis Felipe Cardona Florez
Ese cuaderno se ve muy interesante y mistico 😄 !
Luis Fernando Niño Gonzalez
cual sería la diferencia entre hacer las animaciones directamente desde CSS a hacerlas desde Angual??
Andres Alvarez
cuando hacemos tranciciones con CSS es mejor que con angular pero cuando hacemos ya algunas tranciciones mas interactivas aun se pueden hacer con solo CSS y con ngClass y con (click) aunque el codigo en el componente de html queda mas feo entre mas complejo sea.
pero en cuanto animaciones que ya involucra @keyframe del lado de CSS creeria que el como ejecuta la animacion.
en solo CSS la animación empieza apenas carga la pagina
y con angular puedes hacer que la animacion empiece con un boton y las puedes hacer mucho mas interactiva.
Yo hablo desde mi experiencia del año pasado y esa eran las diferencia con las que lidie cuando trabajaba en un proyecto no se si ahora sera diferente
Víctor Manuel Sarmiento Cayuelas
Con los trigers, según el estado, aplicara un estilo correspondiente.
