glitch-image の使い方 一番シンプルに glitch-image を使う方法は <script> タグで呼び出す方法です。 <script src="https://unpkg.com/@uit/glitch-image@0.0.9/dist/glitch-image/glitch-image.js"></script> <div style="width: 200px; height: 200px;"> <glitch-image src="..."></glitch-image> </div> Web Component なので、これだけで好きな画像にグリッチエフェクトを適応することができます。 一方で、React や Vue.js などのコンポーネント内で適用したいケースも勿論あるはずです。そういった時は、 NPM パッケージ `@uit/glitch-image` をイ
![UIT 発の OSS コンポーネント glitch-image を公開しました](https://cdn-ak-scissors.b.st-hatena.com/image/square/b0dbd8469d8880683687f5838266117462ad2526/height=288;version=1;width=512/https%3A%2F%2Fvos.line-scdn.net%2Flandpress-content-v2_1761%2F1666853770539.png%3FupdatedAt%3D1666853771000)