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.29 kB
JavaScript
/*!
* 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
*/
import e from"gsap";import"gsap/ScrollTrigger";import"gsap/SplitText";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:[]}function a(a,o={}){const{duration:t=1,ease:n="power2.out",delay:c=0,autoAlpha:i=!0}=o;return e.to(r(a),{opacity:1,...i&&{autoAlpha:1},duration:t,ease:n,delay:c,force3D:!0})}function o(a,o={}){const{duration:t=1,ease:n="power2.out",delay:c=0,autoAlpha:i=!0}=o;return e.to(r(a),{opacity:0,...i&&{autoAlpha:0},duration:t,ease:n,delay:c,force3D:!0})}function t(a,o={}){const{duration:t=1,ease:n="power2.out",delay:c=0,distance:i=50,autoAlpha:l=!0}=o;return e.from(r(a),{opacity:0,y:i,...l&&{autoAlpha:0},duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function n(a,o={}){const{duration:t=1,ease:n="power2.out",delay:c=0,distance:i=50,autoAlpha:l=!0}=o;return e.from(r(a),{opacity:0,y:-i,...l&&{autoAlpha:0},duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function c(a,o={}){const{duration:t=1,ease:n="power2.out",delay:c=0,distance:i=50,autoAlpha:l=!0}=o;return e.from(r(a),{opacity:0,x:i,...l&&{autoAlpha:0},duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function i(a,o={}){const{duration:t=1,ease:n="power2.out",delay:c=0,distance:i=50,autoAlpha:l=!0}=o;return e.from(r(a),{opacity:0,x:-i,...l&&{autoAlpha:0},duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function l(a,o={}){const{duration:t=1,ease:n="power2.out",delay:c=0,distance:i=100}=o;return e.from(r(a),{y:i,duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function s(a,o={}){const{duration:t=1,ease:n="power2.out",delay:c=0,distance:i=100}=o;return e.from(r(a),{y:-i,duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function u(a,o={}){const{duration:t=1,ease:n="power2.out",delay:c=0,distance:i=100}=o;return e.from(r(a),{x:-i,duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function d(a,o={}){const{duration:t=1,ease:n="power2.out",delay:c=0,distance:i=100}=o;return e.from(r(a),{x:i,duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function f(a,o={}){const{duration:t=1,ease:n="power2.in",delay:c=0,distance:i=100}=o;return e.to(r(a),{y:-i,autoAlpha:0,duration:t,ease:n,delay:c,force3D:!0})}function p(a,o={}){const{duration:t=1,ease:n="power2.in",delay:c=0,distance:i=100}=o;return e.to(r(a),{y:i,autoAlpha:0,duration:t,ease:n,delay:c,force3D:!0})}function y(a,o={}){const{duration:t=1,ease:n="power2.out",delay:c=0,scale:i=0,transformOrigin:l="center center"}=o;return e.from(r(a),{scale:i,opacity:0,transformOrigin:l,duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function m(a,o={}){const{duration:t=1,ease:n="power2.out",delay:c=0,scale:i=1.5,transformOrigin:l="center center"}=o;return e.from(r(a),{scale:i,opacity:0,transformOrigin:l,duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function g(a,o={}){const{duration:t=1,ease:n="back.out(1.7)",delay:c=0,scale:i=0,distance:l=50,transformOrigin:s="center center"}=o;return e.from(r(a),{scale:i,y:l,opacity:0,transformOrigin:s,duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function D(a,o={}){const{duration:t=1,ease:n="back.out(1.7)",delay:c=0,scale:i=0,distance:l=50,transformOrigin:s="center center"}=o;return e.from(r(a),{scale:i,y:-l,opacity:0,transformOrigin:s,duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function A(a,o={}){const{duration:t=1.5,ease:n="elastic.out(1, 0.3)",delay:c=0,scale:i=0,transformOrigin:l="center center"}=o;return e.from(r(a),{scale:i,opacity:0,transformOrigin:l,duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function w(a,o={}){const{duration:t=1,ease:n="back.out(1.7)",delay:c=0,rotation:i=180,transformOrigin:l="center center"}=o;return e.from(r(a),{rotation:i,opacity:0,scale:.5,transformOrigin:l,duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function P(a,o={}){const{duration:t=1,ease:n="power2.in",delay:c=0,rotation:i=180,transformOrigin:l="center center"}=o;return e.to(r(a),{rotation:i,opacity:0,scale:.5,transformOrigin:l,duration:t,ease:n,delay:c,force3D:!0})}function O(a,o={}){const{duration:t=1,ease:n="power2.out",delay:c=0,transformOrigin:i="center center",perspective:l=1e3}=o;return e.from(r(a),{rotationY:-90,opacity:0,transformOrigin:i,transformPerspective:l,duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function h(a,o={}){const{duration:t=1,ease:n="power2.out",delay:c=0,transformOrigin:i="center center",perspective:l=1e3}=o;return e.from(r(a),{rotationX:-90,opacity:0,transformOrigin:i,transformPerspective:l,duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function b(a,o={}){const{duration:t=1,ease:n="power2.out",delay:c=0,rotation:i=720,transformOrigin:l="center center"}=o;return e.from(r(a),{rotation:i,opacity:0,scale:0,transformOrigin:l,duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function x(a,o={}){const{duration:t=1.2,ease:n="power2.out",delay:c=0,blurAmount:i=20,scale:l=1.1}=o;return e.from(r(a),{filter:`blur(${i}px)`,opacity:0,scale:l,duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function v(a,o={}){const{duration:t=1.2,ease:n="power2.in",delay:c=0,blurAmount:i=20,scale:l=1.1}=o;return e.to(r(a),{filter:`blur(${i}px)`,opacity:0,scale:l,duration:t,ease:n,delay:c,force3D:!0})}function $(a,o={}){const{duration:t=1.2,ease:n="power2.out",delay:c=0,blurAmount:i=15,distance:l=50}=o;return e.from(r(a),{filter:`blur(${i}px)`,y:l,opacity:0,duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}function k(a,o={}){const{duration:t=1.5,ease:n="power3.out",delay:c=0,blurAmount:i=30,scale:l=1.5}=o;return e.from(r(a),{filter:`blur(${i}px)`,scale:l,opacity:0,duration:t,ease:n,delay:c,force3D:!0,clearProps:"all"})}export{$ as blurInUp,x as blurToFocus,k as blurZoom,A as elasticZoom,n as fadeDown,a as fadeIn,c as fadeLeft,o as fadeOut,i as fadeRight,t as fadeUp,O as flipInX,h as flipInY,v as focusToBlur,w as rotateIn,P as rotateOut,s as slideInDown,u as slideInLeft,d as slideInRight,l as slideInUp,p as slideOutDown,f as slideOutUp,b as spinIn,y as zoomIn,D as zoomInDown,g as zoomInUp,m as zoomOut};