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