{"_id":"4eck-animate-on-scroll","_rev":"5-9c1e928de92ed94074e5ae858a2de9ba","name":"4eck-animate-on-scroll","dist-tags":{"latest":"0.1.4"},"versions":{"0.1.4":{"name":"4eck-animate-on-scroll","version":"0.1.4","description":"Simple animate on scroll library","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","production":"cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js","watch":"cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"},"repository":{"type":"git","url":"git+https://gitlab.com/4toolbox/npmjs/4eck-animate-on-scroll"},"author":{"name":"4eck Media"},"license":"ISC","homepage":"https://gitlab.com/4toolbox/npmjs/4eck-animate-on-scroll/#readme","devDependencies":{"cross-env":"^5.2.0","laravel-mix":"^2.1.14"},"dependencies":{"debounce":"^1.2.0","document-ready":"^2.0.1"},"gitHead":"b73f89187d7d8cda20dab7f47094bfb6f7c51644","_id":"4eck-animate-on-scroll@0.1.4","_npmVersion":"6.2.0","_nodeVersion":"10.9.0","_npmUser":{"name":"4eckmedia","email":"nepsha1986@gmail.com"},"dist":{"integrity":"sha512-rHwl0M3vsWPuXhPEWTdBPd2omwrkLMwl/eg0TFswQXjeUPwd6l9+HvcZovOL/i/oNEi0nZwM0iAds1pAFebwpA==","shasum":"ef49d5b6380190b5dbae6b82227569b2038ff5fb","tarball":"https://registry.npmjs.org/4eck-animate-on-scroll/-/4eck-animate-on-scroll-0.1.4.tgz","fileCount":9,"unpackedSize":35025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbotYBCRA9TVsSAnZWagAAqwAP/0GaR/zkWGEVkk5lNl0r\niZWHSqwtI+MarufEZVxbrCyh8JQ2Qn/Jj4ezP3QB/cKH9ZIbNatwOzcKy7JV\nKMfyAWDTAyc1e2PVl6P3mFjlnBWtBTJeHIpCEiI3iaXMa5rOtyC3yNJY8FE0\nKX9ckaRAarAdXhc1usVP834oWnONGEf0cVEbGEFqhvvhDt/+TI6n0WHnWras\n1PRdW+wvqD6uuHL641oADv9T83Kar5YvXBTDCbX307SpWV+qrnDzvu+c8noU\nt8mfmnpDQPzjssFSnDI304soX+6pU1XgvdC5wcDvEPe+Wom3uufnqt54RXJD\n/K16ua7OzqB6EpH6wNVorQ1bxp2bIgQOIbZx9lUGQfeNwJDD8BwOwcGiDRD9\nQwFK/5EUkCzYDs1Ok3MWGKuJJ9S7yeqAetxMw9znhELA9BCVhi3TP9m8kRVr\niVQVXrR8CdwNHFTJ2UTzlfgtbK/KNSDrGwWgbAndZWSYO4cJnnq4kNzw6gCS\nVW+vDz7AAtN9ghMqYoOqy6vk0WkVmgddGZUqgD3UW2GkyffMeg6JdbwHgr5F\ncIxEmH3CB2kQXldJmxt7K1vIGpO/lJ7+onqeXNNMx/nC2eBiaUpCKmeIELCV\nvIU9BDK6KDKjMU4TKJuLJ3ukzMKR0Blle3mQK2cMXVQ3M1S5i0gqAl3IW5V9\n7mhV\r\n=YHzn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBzMFM54YIlPlL6aIh+BOO5KClekK+qsCdNO3NrStyv/AiEArASjW3a297iLzkSH/8UUbT22X0SSnfj3+9/pNd8V8J4="}]},"maintainers":[{"name":"4eckmedia","email":"nepsha1986@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/4eck-animate-on-scroll_0.1.4_1537398272537_0.771991361326978"},"_hasShrinkwrap":false,"deprecated":"Test of creation npm packages"}},"time":{"created":"2018-09-19T23:04:32.536Z","0.1.4":"2018-09-19T23:04:32.703Z","modified":"2022-04-04T10:22:29.777Z"},"maintainers":[{"email":"npm@npmjs.com","name":"npm"}],"description":"Simple animate on scroll library","homepage":"https://gitlab.com/4toolbox/npmjs/4eck-animate-on-scroll/#readme","repository":{"type":"git","url":"git+https://gitlab.com/4toolbox/npmjs/4eck-animate-on-scroll"},"author":{"name":"4eck Media"},"license":"ISC","readme":"# animate-on-scroll\n\n## Installation\n\n````\nnpm i ns-animate-on-scroll --save\n````\n\nIn your .js file: \n\n````\n    let animateOnScroll = require('ns-animate-on-scroll');\n    \n    let options = {\n        debounceValue: 100\n    }\n    \n    animateOnScroll(options);\n\n````\n\n## Usage\n\nAdd three css classes to the block you want to be animated 'js-animated js-animated-$cssAnimationName $cssAnimationName',\nFor example: \n````\n    <div class = \"js-animated js-animated-fade-in fade-in\">\n        <h1>Lorem Ipsum is simply dummy text of the printin</h1>\n        <p>as opposed to using 'Content here, content here', making it look like re</p>\n    </div>\n    \n````\n\nThe package does not include css animations, so you have to add it in your project by your own, example:\n\n````\n.fade-in {\n  animation-name: fadeIn;\n  animation-duration: .45s;\n  animation-fill-mode: both;\n  animation-delay: .1s;\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n````\n\n## Options\n\ndebounceValue: number ( default: 50 );\n","readmeFilename":"README.md"}