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.35 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 */ "use strict";var e=require("gsap");function r(e){return"string"==typeof e?Array.from(document.querySelectorAll(e)):e instanceof HTMLElement?[e]:e instanceof NodeList?Array.from(e):Array.isArray(e)?e:[]}require("gsap/ScrollTrigger"),require("gsap/SplitText"),exports.blurInUp=function(o,t={}){const{duration:a=1.2,ease:n="power2.out",delay:s=0,blurAmount:i=15,distance:c=50}=t;return e.from(r(o),{filter:`blur(${i}px)`,y:c,opacity:0,duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.blurToFocus=function(o,t={}){const{duration:a=1.2,ease:n="power2.out",delay:s=0,blurAmount:i=20,scale:c=1.1}=t;return e.from(r(o),{filter:`blur(${i}px)`,opacity:0,scale:c,duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.blurZoom=function(o,t={}){const{duration:a=1.5,ease:n="power3.out",delay:s=0,blurAmount:i=30,scale:c=1.5}=t;return e.from(r(o),{filter:`blur(${i}px)`,scale:c,opacity:0,duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.elasticZoom=function(o,t={}){const{duration:a=1.5,ease:n="elastic.out(1, 0.3)",delay:s=0,scale:i=0,transformOrigin:c="center center"}=t;return e.from(r(o),{scale:i,opacity:0,transformOrigin:c,duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.fadeDown=function(o,t={}){const{duration:a=1,ease:n="power2.out",delay:s=0,distance:i=50,autoAlpha:c=!0}=t;return e.from(r(o),{opacity:0,y:-i,...c&&{autoAlpha:0},duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.fadeIn=function(o,t={}){const{duration:a=1,ease:n="power2.out",delay:s=0,autoAlpha:i=!0}=t;return e.to(r(o),{opacity:1,...i&&{autoAlpha:1},duration:a,ease:n,delay:s,force3D:!0})},exports.fadeLeft=function(o,t={}){const{duration:a=1,ease:n="power2.out",delay:s=0,distance:i=50,autoAlpha:c=!0}=t;return e.from(r(o),{opacity:0,x:i,...c&&{autoAlpha:0},duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.fadeOut=function(o,t={}){const{duration:a=1,ease:n="power2.out",delay:s=0,autoAlpha:i=!0}=t;return e.to(r(o),{opacity:0,...i&&{autoAlpha:0},duration:a,ease:n,delay:s,force3D:!0})},exports.fadeRight=function(o,t={}){const{duration:a=1,ease:n="power2.out",delay:s=0,distance:i=50,autoAlpha:c=!0}=t;return e.from(r(o),{opacity:0,x:-i,...c&&{autoAlpha:0},duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.fadeUp=function(o,t={}){const{duration:a=1,ease:n="power2.out",delay:s=0,distance:i=50,autoAlpha:c=!0}=t;return e.from(r(o),{opacity:0,y:i,...c&&{autoAlpha:0},duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.flipInX=function(o,t={}){const{duration:a=1,ease:n="power2.out",delay:s=0,transformOrigin:i="center center",perspective:c=1e3}=t;return e.from(r(o),{rotationY:-90,opacity:0,transformOrigin:i,transformPerspective:c,duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.flipInY=function(o,t={}){const{duration:a=1,ease:n="power2.out",delay:s=0,transformOrigin:i="center center",perspective:c=1e3}=t;return e.from(r(o),{rotationX:-90,opacity:0,transformOrigin:i,transformPerspective:c,duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.focusToBlur=function(o,t={}){const{duration:a=1.2,ease:n="power2.in",delay:s=0,blurAmount:i=20,scale:c=1.1}=t;return e.to(r(o),{filter:`blur(${i}px)`,opacity:0,scale:c,duration:a,ease:n,delay:s,force3D:!0})},exports.rotateIn=function(o,t={}){const{duration:a=1,ease:n="back.out(1.7)",delay:s=0,rotation:i=180,transformOrigin:c="center center"}=t;return e.from(r(o),{rotation:i,opacity:0,scale:.5,transformOrigin:c,duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.rotateOut=function(o,t={}){const{duration:a=1,ease:n="power2.in",delay:s=0,rotation:i=180,transformOrigin:c="center center"}=t;return e.to(r(o),{rotation:i,opacity:0,scale:.5,transformOrigin:c,duration:a,ease:n,delay:s,force3D:!0})},exports.slideInDown=function(o,t={}){const{duration:a=1,ease:n="power2.out",delay:s=0,distance:i=100}=t;return e.from(r(o),{y:-i,duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.slideInLeft=function(o,t={}){const{duration:a=1,ease:n="power2.out",delay:s=0,distance:i=100}=t;return e.from(r(o),{x:-i,duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.slideInRight=function(o,t={}){const{duration:a=1,ease:n="power2.out",delay:s=0,distance:i=100}=t;return e.from(r(o),{x:i,duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.slideInUp=function(o,t={}){const{duration:a=1,ease:n="power2.out",delay:s=0,distance:i=100}=t;return e.from(r(o),{y:i,duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.slideOutDown=function(o,t={}){const{duration:a=1,ease:n="power2.in",delay:s=0,distance:i=100}=t;return e.to(r(o),{y:i,autoAlpha:0,duration:a,ease:n,delay:s,force3D:!0})},exports.slideOutUp=function(o,t={}){const{duration:a=1,ease:n="power2.in",delay:s=0,distance:i=100}=t;return e.to(r(o),{y:-i,autoAlpha:0,duration:a,ease:n,delay:s,force3D:!0})},exports.spinIn=function(o,t={}){const{duration:a=1,ease:n="power2.out",delay:s=0,rotation:i=720,transformOrigin:c="center center"}=t;return e.from(r(o),{rotation:i,opacity:0,scale:0,transformOrigin:c,duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.zoomIn=function(o,t={}){const{duration:a=1,ease:n="power2.out",delay:s=0,scale:i=0,transformOrigin:c="center center"}=t;return e.from(r(o),{scale:i,opacity:0,transformOrigin:c,duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.zoomInDown=function(o,t={}){const{duration:a=1,ease:n="back.out(1.7)",delay:s=0,scale:i=0,distance:c=50,transformOrigin:l="center center"}=t;return e.from(r(o),{scale:i,y:-c,opacity:0,transformOrigin:l,duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.zoomInUp=function(o,t={}){const{duration:a=1,ease:n="back.out(1.7)",delay:s=0,scale:i=0,distance:c=50,transformOrigin:l="center center"}=t;return e.from(r(o),{scale:i,y:c,opacity:0,transformOrigin:l,duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})},exports.zoomOut=function(o,t={}){const{duration:a=1,ease:n="power2.out",delay:s=0,scale:i=1.5,transformOrigin:c="center center"}=t;return e.from(r(o),{scale:i,opacity:0,transformOrigin:c,duration:a,ease:n,delay:s,force3D:!0,clearProps:"all"})};