Powerglitch library

Hi I’m trying to figure it out how can apply powerglitch library to my png file
in webflow

First of all is compatible with webflow?

I have followed the instructions
https://7ph.github.io/powerglitch/#/usage

but it doesnt work
here is the code:

<script src="./path/to/your/powerglitch.min.js"></script>

<img src='https://uploads-ssl.webflow.com/620f8818c79e73c114159710/62e7adc2668c947db74dee25_monk%201monk.png' class='glitch' />

<script>
PowerGlitch.glitch('img.glitch',
    {
        backgroundColor: 'transparent',
        hideOverflow: true,
        timing: {
            duration: 4000,
            iterations: 15,
        },
        glitchTimeSpan: {
            start: 0.8,
            end: 1,
        },
        shake: {
            velocity: 10,
            amplitudeX: 0.35,
            amplitudeY: 0.0,
        },
        slice: {
            count: 6,
            velocity: 8,
            minHeight: 0.02,
            maxHeight: 0.10,
            hueRotate: false,
        },
    }
)

</script>

also tried with the default setup:

<script src="./path/to/your/powerglitch.min.js"></script>

<img src='https://uploads-ssl.webflow.com/620f8818c79e73c114159710/62e7adc2668c947db74dee25_monk%201monk.png' class='glitch' />

<script>
PowerGlitch.glitch('img.glitch')
</script>

tried with different browser
still didnt work

any idea appreciated


Here is my site Read-Only: [LINK][1]
([how to share your site Read-Only link][2])
[1]: http://
[2]: Share a read-only link | Webflow University

This is the problem. You need to host the package somewhere / find a CDN link in order to import the package.

thanks I have updated with the minified version
https://raw.githubusercontent.com/7PH/powerglitch/master/dist/powerglitch.min.js

but still doesn’t work

Hi @barn , unfortunately you can not import PowerGlitch directly from github as it is not yet served by a CDN like cdn.js. For now, your best bet might well be to self-host it (meaning: downloading the bundle and loading it locally using a script tag)

it doesnt work

I have followed your instruction here is the library
https://uploads-ssl.webflow.com/620f8818c79e73c114159710/62f6d127c9627340f5b28447_powerglitch.txt