<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 });
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.