UNPKG

gsap-dattebayo

Version:

The ultimate GSAP-powered scroll animation library - Simple as AOS, powerful as GSAP. Modern animations for 2025-2026 web trends.

10 lines (9 loc) 6.48 kB
/*! * GSAP Dattebayo v0.1.0-alpha.1 * The ultimate GSAP-powered scroll animation library * https://github.com/serdjan/gsap-dattebayo * * Copyright 2025 GSAP Dattebayo * Released under the MIT License */ !function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("gsap"),require("gsap/ScrollTrigger"),require("gsap/SplitText")):"function"==typeof define&&define.amd?define(["exports","gsap","gsap/ScrollTrigger","gsap/SplitText"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).GSAPDattebayo={},e.gsap)}(this,function(e,r){"use strict";function o(e){return"string"==typeof e?Array.from(document.querySelectorAll(e)):e instanceof HTMLElement?[e]:e instanceof NodeList?Array.from(e):Array.isArray(e)?e:[]}e.blurInUp=function(e,a={}){const{duration:t=1.2,ease:n="power2.out",delay:i=0,blurAmount:c=15,distance:s=50}=a;return r.from(o(e),{filter:`blur(${c}px)`,y:s,opacity:0,duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.blurToFocus=function(e,a={}){const{duration:t=1.2,ease:n="power2.out",delay:i=0,blurAmount:c=20,scale:s=1.1}=a;return r.from(o(e),{filter:`blur(${c}px)`,opacity:0,scale:s,duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.blurZoom=function(e,a={}){const{duration:t=1.5,ease:n="power3.out",delay:i=0,blurAmount:c=30,scale:s=1.5}=a;return r.from(o(e),{filter:`blur(${c}px)`,scale:s,opacity:0,duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.elasticZoom=function(e,a={}){const{duration:t=1.5,ease:n="elastic.out(1, 0.3)",delay:i=0,scale:c=0,transformOrigin:s="center center"}=a;return r.from(o(e),{scale:c,opacity:0,transformOrigin:s,duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.fadeDown=function(e,a={}){const{duration:t=1,ease:n="power2.out",delay:i=0,distance:c=50,autoAlpha:s=!0}=a;return r.from(o(e),{opacity:0,y:-c,...s&&{autoAlpha:0},duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.fadeIn=function(e,a={}){const{duration:t=1,ease:n="power2.out",delay:i=0,autoAlpha:c=!0}=a;return r.to(o(e),{opacity:1,...c&&{autoAlpha:1},duration:t,ease:n,delay:i,force3D:!0})},e.fadeLeft=function(e,a={}){const{duration:t=1,ease:n="power2.out",delay:i=0,distance:c=50,autoAlpha:s=!0}=a;return r.from(o(e),{opacity:0,x:c,...s&&{autoAlpha:0},duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.fadeOut=function(e,a={}){const{duration:t=1,ease:n="power2.out",delay:i=0,autoAlpha:c=!0}=a;return r.to(o(e),{opacity:0,...c&&{autoAlpha:0},duration:t,ease:n,delay:i,force3D:!0})},e.fadeRight=function(e,a={}){const{duration:t=1,ease:n="power2.out",delay:i=0,distance:c=50,autoAlpha:s=!0}=a;return r.from(o(e),{opacity:0,x:-c,...s&&{autoAlpha:0},duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.fadeUp=function(e,a={}){const{duration:t=1,ease:n="power2.out",delay:i=0,distance:c=50,autoAlpha:s=!0}=a;return r.from(o(e),{opacity:0,y:c,...s&&{autoAlpha:0},duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.flipInX=function(e,a={}){const{duration:t=1,ease:n="power2.out",delay:i=0,transformOrigin:c="center center",perspective:s=1e3}=a;return r.from(o(e),{rotationY:-90,opacity:0,transformOrigin:c,transformPerspective:s,duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.flipInY=function(e,a={}){const{duration:t=1,ease:n="power2.out",delay:i=0,transformOrigin:c="center center",perspective:s=1e3}=a;return r.from(o(e),{rotationX:-90,opacity:0,transformOrigin:c,transformPerspective:s,duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.focusToBlur=function(e,a={}){const{duration:t=1.2,ease:n="power2.in",delay:i=0,blurAmount:c=20,scale:s=1.1}=a;return r.to(o(e),{filter:`blur(${c}px)`,opacity:0,scale:s,duration:t,ease:n,delay:i,force3D:!0})},e.rotateIn=function(e,a={}){const{duration:t=1,ease:n="back.out(1.7)",delay:i=0,rotation:c=180,transformOrigin:s="center center"}=a;return r.from(o(e),{rotation:c,opacity:0,scale:.5,transformOrigin:s,duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.rotateOut=function(e,a={}){const{duration:t=1,ease:n="power2.in",delay:i=0,rotation:c=180,transformOrigin:s="center center"}=a;return r.to(o(e),{rotation:c,opacity:0,scale:.5,transformOrigin:s,duration:t,ease:n,delay:i,force3D:!0})},e.slideInDown=function(e,a={}){const{duration:t=1,ease:n="power2.out",delay:i=0,distance:c=100}=a;return r.from(o(e),{y:-c,duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.slideInLeft=function(e,a={}){const{duration:t=1,ease:n="power2.out",delay:i=0,distance:c=100}=a;return r.from(o(e),{x:-c,duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.slideInRight=function(e,a={}){const{duration:t=1,ease:n="power2.out",delay:i=0,distance:c=100}=a;return r.from(o(e),{x:c,duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.slideInUp=function(e,a={}){const{duration:t=1,ease:n="power2.out",delay:i=0,distance:c=100}=a;return r.from(o(e),{y:c,duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.slideOutDown=function(e,a={}){const{duration:t=1,ease:n="power2.in",delay:i=0,distance:c=100}=a;return r.to(o(e),{y:c,autoAlpha:0,duration:t,ease:n,delay:i,force3D:!0})},e.slideOutUp=function(e,a={}){const{duration:t=1,ease:n="power2.in",delay:i=0,distance:c=100}=a;return r.to(o(e),{y:-c,autoAlpha:0,duration:t,ease:n,delay:i,force3D:!0})},e.spinIn=function(e,a={}){const{duration:t=1,ease:n="power2.out",delay:i=0,rotation:c=720,transformOrigin:s="center center"}=a;return r.from(o(e),{rotation:c,opacity:0,scale:0,transformOrigin:s,duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.zoomIn=function(e,a={}){const{duration:t=1,ease:n="power2.out",delay:i=0,scale:c=0,transformOrigin:s="center center"}=a;return r.from(o(e),{scale:c,opacity:0,transformOrigin:s,duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.zoomInDown=function(e,a={}){const{duration:t=1,ease:n="back.out(1.7)",delay:i=0,scale:c=0,distance:s=50,transformOrigin:l="center center"}=a;return r.from(o(e),{scale:c,y:-s,opacity:0,transformOrigin:l,duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.zoomInUp=function(e,a={}){const{duration:t=1,ease:n="back.out(1.7)",delay:i=0,scale:c=0,distance:s=50,transformOrigin:l="center center"}=a;return r.from(o(e),{scale:c,y:s,opacity:0,transformOrigin:l,duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})},e.zoomOut=function(e,a={}){const{duration:t=1,ease:n="power2.out",delay:i=0,scale:c=1.5,transformOrigin:s="center center"}=a;return r.from(o(e),{scale:c,opacity:0,transformOrigin:s,duration:t,ease:n,delay:i,force3D:!0,clearProps:"all"})}});