{"_id":"slick-animation","_rev":"1-331ff1ca41c86fc201bd0944cb2a94d5","name":"slick-animation","dist-tags":{"latest":"0.3.3"},"versions":{"0.3.3":{"private":false,"name":"slick-animation","version":"0.3.3","description":"slick-animation is a jquery plugin to animate elements in the slick slider","main":"slick-animation.js","repository":{"type":"git","url":"git+https://github.com/marvinhuebner/slick-animation.git"},"keywords":["frontend","slick","slicer","js"],"author":{"name":"Marvin Huebner"},"license":"MIT","bugs":{"url":"https://github.com/marvinhuebner/slick-animation/issues"},"homepage":"https://github.com/marvinhuebner/slick-animation#readme","dependencies":{"slick-carousel":"~1.5.9","animate.css":"~3.5.0"},"gitHead":"011d810de88be64bdd2dbfa82166d84621652f50","_id":"slick-animation@0.3.3","_nodeVersion":"14.15.4","_npmVersion":"7.5.4","dist":{"integrity":"sha512-EdnxYiIUpWMATzAL2vF8ZvEBT/nhLJlNyZnOfHxcT05C5r4qEMx1vrXYFLWsmCTu5PfV4psDcOZdgBmlp0XOzQ==","shasum":"e56d961a18ae2fedeeb62ae21cc317b13cbeebfb","tarball":"https://registry.npmjs.org/slick-animation/-/slick-animation-0.3.3.tgz","fileCount":6,"unpackedSize":16596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgKv7WCRA9TVsSAnZWagAAaw0P/2X0cf4xnr4ibZws6P3W\nwZUEkKOTnkYH7ZTx07tmXXqiznEuzFZzmVhgnn26qx4G0G90jEb9BJN2SepO\nWvlAc0Bfr93a/MvIV9ZAfkalYhGfhj6Y2p2V1FAvLXMAQeVYnq4tE3ohH8pR\nBCSbg2Sw/gJgVcyhccEMvrAmO/E+Cm7De2Oo7gznB77zelo8ywUY6EllplRM\nVYewsWDhqlS94aqlodGUksyY7JTyx4Fs5Xe7u0on+GQBzHjWWUdOhaQB5lt1\nxZsTg8kOTnav0Ak7D8xcYCDyJguvIQnHo9jIV0CgwpYi1MA94MZxN/8nj5By\nt7vEcjpx98KxiUiM5skuc8bl4961KaDVtotZ8l0Lo25fQi2YvI1Zn1mkR6vi\njb2QnjmLVkhDzVJ3O/KNurcuxPep9GiQJe+bQaNLRuiGbYtreXWau9V+oOSx\nWJXmT7C7xsg6IuH+Zzr8dVWGGYBZwu8oB/IoqVNrWW8HwqMe+7jEh8gje0Pk\nDS05rvOH0NNcysj3KaLe4u6xngg2mSs3i+0GkxK71NHGnrPrCCiXrO6zhRT0\narb6v8bjOeUUUZ+3o2m/3gC2eKDHpUf/hYAAFmHkHpU61JjBDnijHToZkPx6\nzSOrtLwUV3nHyZrZJHQR94aKSEI6uJVRhYoKKjlFc+XaAJOiNQ4agn6YpZ82\nJo3W\r\n=M9XW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDtJ6a/OCFyp7IZTSWUAWTpdlB9lTnvpPdZbPOyHt1yaQIgSzDx8G6V3aeWhQpxqII7eCYOTTcOWDPIf0ju5JYZfcM="}]},"_npmUser":{"name":"omerkoseoglu","email":"omerkoseoglu@outlook.com"},"directories":{},"maintainers":[{"name":"omerkoseoglu","email":"omerkoseoglu@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/slick-animation_0.3.3_1613430485888_0.6670321382077331"},"_hasShrinkwrap":false}},"time":{"created":"2021-02-15T23:08:05.826Z","0.3.3":"2021-02-15T23:08:06.060Z","modified":"2022-05-18T02:20:14.892Z"},"maintainers":[{"name":"omerkoseoglu","email":"omerkoseoglu@outlook.com"}],"description":"slick-animation is a jquery plugin to animate elements in the slick slider","homepage":"https://github.com/marvinhuebner/slick-animation#readme","keywords":["frontend","slick","slicer","js"],"repository":{"type":"git","url":"git+https://github.com/marvinhuebner/slick-animation.git"},"author":{"name":"Marvin Huebner"},"bugs":{"url":"https://github.com/marvinhuebner/slick-animation/issues"},"license":"MIT","readme":"# slick-animation\n\n`slick-animation` let´s you easy animate your elements which are contained in your [Slick](https://github.com/kenwheeler/slick/).\n\n## Documentation\n\n### Dependencies\n\n- [slick](https://github.com/kenwheeler/slick/)\n- [animate.css](https://github.com/daneden/animate.css)\n\n### Version\n\n0.3.3 Beta\n\n### Installation\n\n`bower install slick-animation`\n\n### Basic Usage\n\n- HTML\n\n```html\n<div data-animation-in=„fadeIn“><div>\n```\n\n- CSS\n\nAdd the following css to your css files:\n\n```css\n#your-slider [data-animation-in] {\n    opacity: 0;\n}\n```\n\n- JavaScript\n\n```js\n$(‚#your-slider’).slickAnimation();\n``` \n\n_Replace `#your-slider´ with your own id oder class._\n\n### Advanced Usage\n\nYou have several options for the animation.\n\n- animation in: `data-animation-in`\n- animation delay in: `data-delay-in`\n- animation duration in: `data-duration-in`\n- animation out: `data-animation-out`\n- animation delay out: `data-delay-out`\n- animation duration out: `data-duration-out`\n\n- HTML\n\n```html\n<div data-animation-in=\"fadeIn\" data-delay-in=\"2\" data-duration-in=\"2\" data-animation-out=\"fadeOUt\" data-delay-out=\"2\" data-duration-out=\"2\"></div>\n```\n\n## Contribute\n\nThis library is still in a beta phase, fell free to fork and make a pull request.\n\n## Bug Tracker\n\nIf you find a bug, please report it [here on Github!] (https://github.com/marvinhuebner/slick-animation/issues)\n\n## Get in Touch\n\nDeveloped by Marvin Hübner\n- [@Marvin_Huebner](https://twitter.com/Marvin_Huebner)\n- [Github Profile](https://github.com/marvinhuebner)","readmeFilename":"README.md"}