There's no scenario where this repo will be available on NPM as an installable module.
This is a demo of the unique and cool holographic effects of Pokemon Cards.
So by that measure the CSS, JS and Svelte files in this repo are subject to the following points;
They will not be available on NPM for you to use in your own projects
The CSS/JS are dependent for the effect to work, and thus are not separable
The Svelte files will not be converted to [insert your framework of choice, probably react]
There is no scenario where this code is useful for your application
You will need to do significant work to make this useful to your use-case
With that said, I would like at some point, to build a generator for the holographic effect, and an npm module for hoverable-cards Svelte Component (without all the extra demo-specific stuff). But that is subject to my time and energy. I already have a branch for it, so please don't offer to build it for me.
These Pokemon Holo effects are incredibly heavy and terrible for website performance.
Just because I've shown that you can do it in CSS, doesn't mean everyone should do it. They are better left as a demonstration and example and not put on your NFT website. These effects will not take your tokens to the 🌔 .
Do not come back here complaining that your phone exploded, or your website crashed. This is a real possibility.
Browser performance for 3d transforms and filters/blends is severely lacking. I've done the best I can do optimise this demo and not cook your phone, but if you apply them to your own application I cannot say how diligent you will be.
There's no scenario where this repo will be available on NPM as an installable module.
This is a demo of the unique and cool holographic effects of Pokemon Cards. So by that measure the CSS, JS and Svelte files in this repo are subject to the following points;
With that said, I would like at some point, to build a generator for the holographic effect, and an npm module for hoverable-cards Svelte Component (without all the extra demo-specific stuff). But that is subject to my time and energy. I already have a branch for it, so please don't offer to build it for me.
These Pokemon Holo effects are incredibly heavy and terrible for website performance.
Just because I've shown that you can do it in CSS, doesn't mean everyone should do it. They are better left as a demonstration and example and not put on your NFT website. These effects will not take your tokens to the 🌔 .
Do not come back here complaining that your phone exploded, or your website crashed. This is a real possibility.
Browser performance for 3d transforms and filters/blends is severely lacking. I've done the best I can do optimise this demo and not cook your phone, but if you apply them to your own application I cannot say how diligent you will be.