Animations (JS/CSS)

Installation & Usage Example

  1. Download and install the module, use "drush animations-libraries" or download the libraries manually -> see requirements at the bottom.
  2. To add the desired animation to all your "H1" tags as an example go to /admin/config/animations/config
  3. Choose your desired effects and add one selector per line to apply the effect and save.

Selector Examples

CSS selectorDescription

input, textareaUse all single line text fields and textareas on site.

.your-form-class *Use all text fields in given form class.

#your-form-id *Use all text fields in given form id.

#your-form-id *:not(textarea)Use all single line text fields but not textareas in given form id.

#your-form-id input:not(input[type=password])Use all single line text fields but not password text fields in given form id.



For more advanced users: You can do a whole bunch of other stuff with animate.css when you combine it with jQuery or add your own CSS rules. Dynamically add animations

 

using jQuery with ease:

 

LINK

https://www.drupal.org/project/animations

 

test : installatie drush ; bib lukte niet

ik ben deze module nog aan het uittestten. Maar ik heb ze er reeds opgezet omdat iedereen die iets meer weet
om snel aan de slag te kunnen met deze module dan kan helpen.