v4.2.0

The data attribute will now also update in increments of 10 so you can use CSS attribute selectors like:

[data-trig-var="50"],
[data-trig-var="60"],
[data-trig-var="70"],
[data-trig-var="80"],
[data-trig-var="90"],
[data-trig-var="100"]{
  transform: translateX( var(--trig) );
} 

for more control.

v4.1.1

Fix for trig-animations.css

v4.1.0

Adds direction classes on each element when in view. Allowing you to trigger animations from a certain direction or even have a different one on the other direction. Thanks to @glucka for the suggestion and contribution.

v4.0.0

Trig.js now comes with it's own CSS library for configurable predefined animations. Making it even easier for you to get scroll based animations into your project.

v3.2.0

Optimisations and refactoring with a fix for bottom and top class responsiveness.

v3.1.0

Fix for confliction with Google Analytics and other services. Many different optimisations for creating smoother animations with lower overheads.

v3.0.0

Optimisations mainly but major version change due to the fundamentals changing. To make less going on at once, data attributes must be added for data-trig-var="true", data-trig-pixels="true" or data-trig-degrees="true" to create the position css variables. This'll disrupt any current usage of previous versions and would need amendments to make things work again. This'll make trig JS much lighter for use when only using animation triggers when on screen or using the body classes. It also improves the usage when using many scroll animations at once.

v2.2

Added in the new data attribute negativeOffset to be able to offset the start position in the opposite direction.

v2.1.7

v2.1.6 - Change to package.json.

v2.1.6

Removed tests from package.