@sumedia-sven/apex-animate

Trigger animations with a simple data-attribute.

Usage no npm install needed!

<script type="module">
  import sumediaSvenApexAnimate from 'https://cdn.skypack.dev/@sumedia-sven/apex-animate';
</script>

README

Apex Animate

Trigger high-performance animations with a simple data-attribute

Installation

Public

Install from npm

$ npm install @sumedia-sven/apex-animate

Usage

Import/require apex-animate in your file.

const apexAnimate = require('@sumedia-sven/apex-animate')
apexAnimate();

Use the data-attributes on HTML elements.

<!-- Fade in animation -->
<div data-apex-animate="fade-in"></div>

<!-- Parallax animation -->
<div data-apex-animate="parallax"></div>

<!-- Fade in to top with extra options -->
<div data-apex-animate="fade-to-top" data-apex-animate-duration="2" data-apex-animate-delay=".2"></div>

License

This project is available under the MIT license.