DataFormsJS Animation Framework Plugin

This page provides a demo of using the DataFormsJS [animation] Framework Plugin. The plugin allows for animation with the browsers Intersection Observer API. The plugin does not provide built-in animations from JavaScript; rather it is used with CSS defined in the app for animation. The page shows animations from the [animation-service.css] file that can be used as a starting point for animations and provides good examples for learning.

The Intersection Observer API allows for minimal JavaScript code and when used with CSS it allows for high performance and efficient animations.

A <animation-service> Web Component also exists and can be used with the Framework allowing for animation on any page with less JavaScript code.

Scale Demo

Move from Left

Move from Bottom

Move from Right