thanos-snap
A custom web component to make your html element disappear with one snap of thanos. But unlike thanos power, this componentdoes not bring back the dead. Use it wisely. :)
Installation
Install via npm:
$ npm install thanos-snap
Usage
To use thanos-snap in your website, just add the thanos.min.js
into your document's <head>
. That's it! You've thanos power now. Please use it wisely.
Add the custom component tag, give the id
of the object
and of the weapon
.
For example:
<thanos-snap object='iron-man' weapon='thumb'> </thanos-snap>
In the above component iron-man
and thumb
are id given to the div
and the button
respectively.
Snap
Adding js file to your page
or use a CDN version by jsDelivr
You need to add the css as well to make pixel effect work properly
Dependencies
html2canvas
chance
jQuery
jQueryUi
Add the scripts in sequential manner as per the above list.
Add the scripts present in scripts folder after doing npm install