Cómo añadir animaciones con css en tema personalizado

Instrucciones

Para añadir animaciones en tu tema personalizado o Subtheme:

  1. Descarga la librería animate.css desde aquí y luego descomprime el archivo, renómbralo a animate.css y deja dentro solamente animate.min.css

    Snippet | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     
  2. Coloca el archivo renombrado dentro de tu subtheme en la carpeta css.

     

  3. Abre el archivo TUSUBTHEME.libraries.yml ya añade la ruta para cargar las animaciones (Respetando los espacios).

    Snippet | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     
  4. A continuación visita la Página Oficial del Animate css para consultar los efectos disponibles en tiempo real.

    Snippet | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     
  5. Abre la plantilla en la que quieres aplicar el efecto de animación y añade las clases correspondientes como indican en su página oficial, primero "animate_animated" + "CLASE EFECTO" + "CLASE DURACIÓN"

    Snippet | www.drupaladicto.com - Consultor especializado en Drupal y Symfony

     
  6. No olvides refrescar CACHÉ para que el efecto pueda verse.
  1.  

Snippet relacionados