@mediv0/manticore

🎨 Simple animation library for vue-phalanx

Usage no npm install needed!

<script type="module">
  import mediv0Manticore from 'https://cdn.skypack.dev/@mediv0/manticore';
</script>

README

Manticore

🎨 Simple animation library ,gsap.from clone

click for demo

🚨 note: This package is for test purposes.

The manticore is a Persian legendary creature similar to the Egyptian sphinx.

usage:

        import Manticore from "@mediv0/manticore";
        Manticore.from({
            target: ".box", // element for animation
            left: 400,     //  animation from left direction    use negative number for right direction   eg =>  left: -400
            top: 0,       // animation from top direction    use negative number for bottom direction   eg =>  top: -400
            duration: 2, // duration of your animation in seconds   2 -> 2 seconds
            easing: "easeInOutCirc" // use to change animation timing.  default => easeInOutSine
        });

availble easing functions

ease
easeInOutSine
easeInOutCirc
easeInOutQuad
easeInOutCubic
easeOutBounce