<img id="img" src="https://amagi.dev/vfx-js/vfx-js-logo-no-padding.svg"/>
html, body { height: 100%; margin: 0; }
body {
background: black;
display: flex;
justify-content: center;
align-items: center;
}
img {
max-width: 90%;
max-height: 90%;
}
import { VFX } from "https://esm.sh/@vfx-js/core";
const vfx = new VFX();
vfx.add(document.getElementById('img'), { shader: 'rgbShift', overflow: 100 });
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.