{"_id":"@dziardziel/v-wow","_rev":"1-eecc7d38f387f4faf8c30a9ccbbea983","name":"@dziardziel/v-wow","dist-tags":{"latest":"1.2.1"},"versions":{"1.2.1":{"name":"@dziardziel/v-wow","version":"1.2.1","description":"Ispire by wow.js Reveal CSS animation as you scroll down a page","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+ssh://git@github.com/mirrorthink/vue-wow.git"},"keywords":["vue","wow","Reveal","CSS","animation"],"author":{"name":"mirrorthink"},"license":"ISC","bugs":{"url":"https://github.com/mirrorthink/vue-wow/issues"},"homepage":"https://github.com/mirrorthink/vue-wow#readme","devDependencies":{"babel-core":"^6.26.0","babel-loader":"^7.1.4","babel-preset-es2015":"^6.24.1"},"gitHead":"dd06e2d2611be6635b9cc8ca329a0244f792d04e","_id":"@dziardziel/v-wow@1.2.1","_nodeVersion":"15.14.0","_npmVersion":"7.21.0","dist":{"integrity":"sha512-3cYD+K2PaK6cO/Ke6wtt99cP96j3Qse8vokoROju3fgcZvFJTvSRMSV8NvztDmIRyZIpxdYxuX0H2hx4IE3qMQ==","shasum":"fddc2038f91f04386fa522d0e72b5273b7410491","tarball":"https://registry.npmjs.org/@dziardziel/v-wow/-/v-wow-1.2.1.tgz","fileCount":6,"unpackedSize":6946,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJBaRCRA9TVsSAnZWagAAjTwP/1cDQmiRqI09EChGr8MR\nry5haHfTSEjl1i002OUgAksOCz9VJz1bToM9cisxWehxE6/DZCzkpzRge1h8\nnSWz9gxra14rmxbL336653z2xBWKD8P2dFEeI1+a2uPMPHDtTXAv5BI61OuG\nDaJAdwP8o4jP3cpKCRhAuOSZpNWnN7yAagA81j14AVGfHI4gQ5G3r9bF8jqV\nP1RsIL4lboA7OZk7wttgbjcn6EA/oWOmN+uvB5kEYadvqIM7JRr+aNozDbRg\ne1DHccovUcGimQ6Ju9DrHsJjc/TqWyE/Bq0fzIuO2ycGKjjRZWEX9WSZhJpC\n1wFhEEOzZOd7Nv/vQtZmWj/ti1BK/Iwh09iLLunA3JrkbOAoLUESqoRTBMOO\nUNOUQO/auhVmqQU2gNP6B/fd0NOYz86yZjhKXY6K+SL8whsfIQzP7m75WERx\nFIct15so3xpRMVaazPNDm68JkwZzMuU6L3nZ/NhGyzAmH1dwv7Tbcq9IP0Yt\n5x88OoCOFcMSQkxX7fRVBlUACKlWqM8iepPgbZlpR2k7y3sk8Ir8+jYoftyo\nQRByfxyPh3Q3rt1ow4MPd3YDKPWwOPknB99Q0bhyXVfyZWmuNRurrjq3Sise\nwrWOnF2L7JLg2IPlWVcF0jnJCidh4tgBejMe5qyZvbFBLzZ3BMizKEeiUyA3\nkb12\r\n=swTd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCM1D0HuOO/jOiaWCs5Pn61sdEqxtfxh5l8SSrS1vFNKgIgGau7zyxaizXji7ZTYQcu+u34BVw9r3AkCMfmBcjrHCg="}]},"_npmUser":{"name":"dziardziel","email":"krzysztof@dziardziel.com"},"directories":{},"maintainers":[{"name":"dziardziel","email":"krzysztof@dziardziel.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/v-wow_1.2.1_1629755024855_0.5919076903482834"},"_hasShrinkwrap":false}},"time":{"created":"2021-08-23T21:43:44.784Z","1.2.1":"2021-08-23T21:43:45.052Z","modified":"2022-04-05T06:19:46.380Z"},"maintainers":[{"name":"dziardziel","email":"krzysztof@dziardziel.com"}],"description":"Ispire by wow.js Reveal CSS animation as you scroll down a page","homepage":"https://github.com/mirrorthink/vue-wow#readme","keywords":["vue","wow","Reveal","CSS","animation"],"repository":{"type":"git","url":"git+ssh://git@github.com/mirrorthink/vue-wow.git"},"author":{"name":"mirrorthink"},"bugs":{"url":"https://github.com/mirrorthink/vue-wow/issues"},"license":"ISC","readme":"# vue-wow\n\n## Features\n\n* Ispire by wow.js Reveal CSS animation as you scroll down a page\n* Easy to migrate from wow.js to vue-wow.\n* Fast execution and lightweight code\n* Works with Animate.css\n\n## Install\n\n### NPM\n\n```bash\n$ npm install git+https://github.com/guisoares2011/vue-wow\n```\n\n### Yarn\n\n```bash\n$ yarn add https://github.com/guisoares2011/vue-wow\n```\n\n## Integrate with Vue\n\n```js \nimport vWow from 'v-wow'\nVue.use(vWow);\n```\n\n### Directive with parameters\n\n```html\n<div class=\"holder\" v-wow=\"{ 'animation-name': 'fadeInUp','animation-duration': '1s'}\"></div>\n```\n\n| Parameters           | Description                  | Default value  |\n| -------------------- | ---------------------------- | ---------------|\n| animation-name       | Name of css animation        | -              |\n| animation-duration   | Duration of this animation   | -              |\n| animation-delay      | Animation Delay              | -              |\n\n### Directive + Data Attributes\n```html\n<div class=\"fadeInUp\" v-wow data-wow-delay=\"0.2s\" data-wow-duration=\"2s\"></div>\n```\n\n| Attribute           | Description                     | Default value  |\n| ------------------- |---------------------------------| -              |\n| data-wow-duration   | Duration of this animation      | -              |\n| data-wow-delay      | Animation Delay                 | -              |\n\n\n## Example of Animation\n\n```css\n@keyframes fadeInUp {\n  0% {\n    opacity: 0;\n    -webkit-transform: translate3d(0, 30%, 0);\n    -ms-transform: translate3d(0, 30%, 0);\n    transform: translate3d(0, 30%, 0);\n  }\n  100% {\n    opacity: 1;\n    -webkit-transform: none;\n    -ms-transform: none;\n    transform: none;\n  }\n}\n\n.fadeInUp {\n  animation-name: fadeInUp;\n  animation-timing-function: ease-out;\n}\n```\n","readmeFilename":"README.md"}