How to use the animejs.setDashoffset function in animejs

To help you get started, we’ve selected a few animejs 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 pastelsky / bundlephobia / client / components / ProgressHex / progress-hex-timeline.js View on Github external
      strokeDashoffset: [(el) => el && anime.setDashoffset(el), 0],
      x1: el => lineMap.get(el).source.cx,
github Okty-io / okty / src / app / modules / cms / pages / home / home.component.ts View on Github external
.add({
                    targets: 'svg .cls-1 #Calque_2 #Calque_12 #line4',
                    strokeDashoffset: [anime.setDashoffset, 0],
                    easing: 'easeOutExpo',
                    duration: 1000
                })
                .add({
                    targets: 'svg .cls-1 #Calque_2 #Calque_12 #line5',
                    strokeDashoffset: [anime.setDashoffset, 0],
                    easing: 'easeOutExpo',
                    duration: 1000,
                    offset: '-=1000'
                })
                .add({
                    targets: 'svg .cls-1 #Calque_2 #Calque_12 #line6',
                    strokeDashoffset: [anime.setDashoffset, 0],
                    easing: 'easeOutExpo',
                    duration: 1000,
                    offset: '-=500'
                })
                .add({
                    targets: 'svg .cls-1 #Calque_2 #Calque_12',
                    easing: 'easeOutExpo',
                    duration: 800,
                    opacity: 0
                });
        }, 1500);
    }