How to use the gsap/TweenMax.TweenLite.delayedCall function in gsap

To help you get started, we’ve selected a few gsap examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github AliaElKattan / survivalofthebestfit / game-source / public / game / components / interface / ml / person-tooltip / person-tooltip.js View on Github external
showNewTooltip(...args) {
        if (this.isActive) {
            this.hide();
            TweenLite.delayedCall(0.5, () => {
                this.setContent(...args);
                this.show();
                this.scheduleDeactivation();
            });
        } else {
            this.setContent(...args);
            this.show();
            this.scheduleDeactivation();
        }
    }
github AliaElKattan / survivalofthebestfit / game-source / public / game / components / interface / yes-no / yes-no.js View on Github external
hide() {
        TweenLite.to(this.$id, 0.3, {y: 5, opacity: 0, ease: Power1.easeInOut});
        TweenLite.delayedCall(0.4, () => {
            this.$el.addClass(CLASSES.IS_INACTIVE);
        });
    }
github AliaElKattan / survivalofthebestfit / game-source / public / game / components / interface / ml / news-feed / news-feed.js View on Github external
hide() {
        TweenLite.to('#news-feed', 0.3, {y: -50});
        TweenLite.delayedCall(0.3, () => {
            this.$el.addClass(CLASSES.IS_INACTIVE);
        });
    }
github AliaElKattan / survivalofthebestfit / game / public / components / interface / ml / dataset-view / dataset-view.js View on Github external
hide() {
        TweenLite.to('#dataset-overlay', 0.2, {y: 20, opacity: 0, ease: Power1.easeOut});
        TweenLite.delayedCall(0.4, () => {
            this.$el.addClass(CLASSES.IS_INACTIVE);
        });
    }
github AliaElKattan / survivalofthebestfit / game / public / components / interface / ml / endgame-overlay / endgame-overlay.js View on Github external
hide() {
        TweenLite.to('#js-endgame-overlay', 0.2, {y: 20, opacity: 0, ease: Power1.easeOut});
        TweenLite.delayedCall(0.4, () => {
            this.$el.addClass(CLASSES.IS_INACTIVE);
        });
    }
github AliaElKattan / survivalofthebestfit / game-source / public / game / components / interface / ui-resume / ui-resume.js View on Github external
hide() {
        if (this.type === 'ml') {
            TweenLite.to('#js-resume', 0.3, {x: 50, opacity: 0});
            TweenLite.delayedCall(0.4, () => {
                this.$el.addClass(CLASSES.IS_INACTIVE);
            });
        } else {
            this.$el.addClass(CLASSES.IS_INACTIVE);
        }
    }
github AliaElKattan / survivalofthebestfit / game-source / public / game / components / interface / ml / person-tooltip / person-tooltip.js View on Github external
hide() {
        TweenLite.to('#js-person-tooltip', 0.2, {y: 5, opacity: 0, ease: Power1.easeInOut});
        TweenLite.delayedCall(0.4, () => {
            this.$el.addClass(CLASSES.IS_INACTIVE);
        });
        this.isActive = false;
    }

gsap

GSAP is a framework-agnostic JavaScript animation library that turns developers into animation superheroes. Build high-performance animations that work in **every** major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors, strings, motion paths,

Standard 'no charge' license:…
Latest version published 10 months ago

Package Health Score

74 / 100
Full package analysis