{"_id":"csshake","_rev":"12-74bfb1be1009db67915735a3507f68b8","name":"csshake","description":"Some CSS classes to move your DOM!","dist-tags":{"latest":"1.7.0"},"versions":{"1.5.0":{"name":"csshake","version":"1.5.0","description":"Some CSS classes to move your DOM!","main":"index.js","scripts":{"start":"npm run build && npm run gzip","watch":"node-sass --watch scss/ -o dist/","build:raw":"node-sass scss/ -o dist/","build:min":"mkdir -p dist/min && node-sass --output-style compressed scss/ -o dist/min && npm run suffix && npm run move","suffix":"for file in dist/min/*.css; do mv \"$file\" \"${file%.css}.min.css\"; done","move":"mv dist/min/*.css dist && rm -r dist/min","gzip":"gzip-size dist/csshake.min.css | pretty-bytes"},"repository":{"type":"git","url":"https://github.com/elrumordelaluz/csshake.git"},"keywords":["css","transitions","animations"],"author":{"name":"Lionel T","email":"elrumordelaluz@hotmail.com","url":"http://elrumordelaluz.com"},"license":"MIT","bugs":{"url":"https://github.com/elrumordelaluz/csshake/issues"},"homepage":"https://github.com/elrumordelaluz/csshake","devDependencies":{"gzip-size-cli":"^1.0.0","node-sass":"^3.3.3","pretty-bytes":"^2.0.1"},"gitHead":"53d4bd80211e197391b6b139df805fe3f9145cb4","_id":"csshake@1.5.0","_shasum":"0d98e7b6e9b43625b1434970171e97c7f91cebee","_from":".","_npmVersion":"2.5.1","_nodeVersion":"0.12.0","_npmUser":{"name":"elrumordelaluz","email":"elrumordelaluz@hotmail.com"},"dist":{"shasum":"0d98e7b6e9b43625b1434970171e97c7f91cebee","tarball":"https://registry.npmjs.org/csshake/-/csshake-1.5.0.tgz","integrity":"sha512-BMOFu4KVM4ax+Pc0aR9quUV7L4G9h/nmUSPwAlTGPBQBZdcRLzO/veEPp87p6yId2DKq+SIs3t1P+Ji7r2W8eQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC2V+LHYSEjlw3iC1ecAqyEZeMtoZsEbEBk8/1HbG4IGAiEAtA8BzO5abELe46civomCVLLVM0RK5TGg77CZ5t31diw="}]},"maintainers":[{"name":"elrumordelaluz","email":"elrumordelaluz@hotmail.com"}],"directories":{}},"1.5.1":{"name":"csshake","version":"1.5.1","description":"Some CSS classes to move your DOM!","main":"index.js","scripts":{"start":"npm run build && npm run gzip && npm run gzip:all","watch":"node-sass --watch scss/ -o dist/","build":"npm run build:raw && npm run build:min","build:raw":"node-sass scss/ -o dist/","build:min":"mkdir -p dist/min && node-sass --output-style compressed scss/ -o dist/min && npm run suffix && npm run move","suffix":"for file in dist/min/*.css; do mv \"$file\" \"${file%.css}.min.css\"; done","move":"mv dist/min/*.css dist && rm -r dist/min","gzip:all":"for file in dist/*.css; do echo \"$file\"; gzip-size \"$file\" | pretty-bytes; done","gzip":"gzip-size dist/csshake.min.css | pretty-bytes"},"repository":{"type":"git","url":"git+https://github.com/elrumordelaluz/csshake.git"},"keywords":["css","transitions","animations"],"author":{"name":"Lionel T","email":"elrumordelaluz@hotmail.com","url":"http://elrumordelaluz.com"},"license":"MIT","bugs":{"url":"https://github.com/elrumordelaluz/csshake/issues"},"homepage":"https://github.com/elrumordelaluz/csshake","devDependencies":{"gzip-size-cli":"^1.0.0","node-sass":"^3.8.0","pretty-bytes":"^2.0.1"},"gitHead":"f7ab16194b1eaf5f7235602626dd30b548268adc","_id":"csshake@1.5.1","_shasum":"e706c813d5f97256eceee998bd087e43a377f995","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.6.0","_npmUser":{"name":"elrumordelaluz","email":"elrumordelaluz@hotmail.com"},"dist":{"shasum":"e706c813d5f97256eceee998bd087e43a377f995","tarball":"https://registry.npmjs.org/csshake/-/csshake-1.5.1.tgz","integrity":"sha512-MADSlZzed9pxQmLG/0OOgOUdy5VGKkgIeK/cVj86B/KXMWfKVlQjrSv5O108WEctXypScAM8fIr214W8y5M3Ew==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDo8ZuvEv2wxPNeTz7fjqGESj4lK1XTTy6nNLbMFFXt1AIgMWes3OFqJ5Ui+PuYVr8UofFlhjp5qQZB+MlrJQkLTbM="}]},"maintainers":[{"name":"elrumordelaluz","email":"elrumordelaluz@hotmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/csshake-1.5.1.tgz_1475283502079_0.9645098254550248"},"directories":{}},"1.5.2":{"name":"csshake","version":"1.5.2","description":"Some CSS classes to move your DOM!","main":"dist/csshake.css","scripts":{"start":"npm run build && npm run gzip && npm run gzip:all","watch":"node-sass --watch scss/ -o dist/","build":"npm run build:raw && npm run build:min","build:raw":"node-sass scss/ -o dist/","build:min":"mkdir -p dist/min && node-sass --output-style compressed scss/ -o dist/min && npm run suffix && npm run move","suffix":"for file in dist/min/*.css; do mv \"$file\" \"${file%.css}.min.css\"; done","move":"mv dist/min/*.css dist && rm -r dist/min","gzip:all":"for file in dist/*.css; do echo \"$file\"; gzip-size \"$file\" | pretty-bytes; done","gzip":"gzip-size dist/csshake.min.css | pretty-bytes"},"repository":{"type":"git","url":"git+https://github.com/elrumordelaluz/csshake.git"},"keywords":["css","transitions","animations"],"author":{"name":"Lionel T","email":"elrumordelaluz@hotmail.com","url":"http://elrumordelaluz.com"},"license":"MIT","bugs":{"url":"https://github.com/elrumordelaluz/csshake/issues"},"homepage":"https://github.com/elrumordelaluz/csshake","devDependencies":{"gzip-size-cli":"^1.0.0","node-sass":"^3.8.0","pretty-bytes":"^2.0.1"},"gitHead":"8ab50b4fcd29d99595e733cfb4679600e7ceff99","_id":"csshake@1.5.2","_shasum":"6d15f3fab075201d79d138a1aa6396627d847724","_from":".","_npmVersion":"4.6.1","_nodeVersion":"6.6.0","_npmUser":{"name":"elrumordelaluz","email":"elrumordelaluz@hotmail.com"},"dist":{"shasum":"6d15f3fab075201d79d138a1aa6396627d847724","tarball":"https://registry.npmjs.org/csshake/-/csshake-1.5.2.tgz","integrity":"sha512-sJjdbAFzpf2Z8pzn/fBlW3VTFxI5xbalEcutezP6l70p1Os+hw46oZ9AbWKdZ5IRXE2kmrVGDTm77pgNXVSLMw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC24jcEttXVc9NoucP6NpchnQIcvaCT4eRJiREJRZb6iAIhAMWS9DtC1sgomgwKkkrP3NeLOOJ07YucvwoTi8/v4xIo"}]},"maintainers":[{"name":"elrumordelaluz","email":"elrumordelaluz@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/csshake-1.5.2.tgz_1496127524447_0.9817384714260697"},"directories":{}},"1.5.3":{"name":"csshake","version":"1.5.3","description":"Some CSS classes to move your DOM!","main":"dist/csshake.css","scripts":{"start":"npm run build && npm run gzip && npm run gzip:all","watch":"node-sass --watch scss/csshake.scss -o docs","build":"npm run build:raw && npm run build:min && npm run build:docs && node downloadIndex.js","build:docs":"node-sass scss/csshake.scss -o docs --output-style compressed","build:raw":"node-sass scss/ -o dist/","build:min":"mkdir -p dist/min && node-sass --output-style compressed scss/ -o dist/min && npm run suffix && npm run move","suffix":"for file in dist/min/*.css; do mv \"$file\" \"${file%.css}.min.css\"; done","move":"mv dist/min/*.css dist && rm -r dist/min"},"repository":{"type":"git","url":"git+https://github.com/elrumordelaluz/csshake.git"},"keywords":["css","transitions","animations"],"author":{"name":"Lionel T","email":"elrumordelaluz@hotmail.com","url":"http://elrumordelaluz.com"},"license":"MIT","bugs":{"url":"https://github.com/elrumordelaluz/csshake/issues"},"homepage":"https://github.com/elrumordelaluz/csshake","devDependencies":{"gzip-size":"4.1.0","node-sass":"4.7.2","pretty-bytes":"4.0.2","pug":"2.0.0-rc.4"},"gitHead":"234d67b8afd1fbc6e9c776c025d11b170a2eab88","_id":"csshake@1.5.3","_npmVersion":"5.5.1","_nodeVersion":"8.9.3","_npmUser":{"name":"elrumordelaluz","email":"elrumordelaluz@hotmail.com"},"dist":{"integrity":"sha512-1vSyB+N/rdq7QSfqKs/Aj/LKzWFy3xdWpgEuJ63nJw1DmHDTC4rbzkagH9/aVT5otbX77i1cq99OPDIFJofAkQ==","shasum":"5561f310c2c1e5a74a5f665b44294594b30b425a","tarball":"https://registry.npmjs.org/csshake/-/csshake-1.5.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDNcA0Q961M5kFzqmzKJNikl27kaAgzrNQSQVvd7jFkLQIgE+5I7S66o62VWKpHXD0SquF2uj2YofkPhY/IzojkB2M="}]},"maintainers":[{"name":"elrumordelaluz","email":"elrumordelaluz@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/csshake-1.5.3.tgz_1514931750245_0.9855771174188703"},"directories":{}},"1.7.0":{"name":"csshake","version":"1.7.0","description":"Some CSS classes to move your DOM!","main":"dist/csshake.css","scripts":{"start":"npm run build","watch":"sass --watch scss/csshake.scss:docs/csshake.css","build":"npm run build:raw && npm run build:min && npm run build:docs && node downloadIndex.js","build:docs":"sass scss/csshake.scss:docs/csshake.css --style compressed","build:raw":"sass scss/:dist/","build:min":"mkdir -p dist/min && sass --style compressed scss/:dist/min && npm run suffix && npm run move","suffix":"for file in dist/min/*.css; do mv \"$file\" \"${file%.css}.min.css\"; done","move":"mv dist/min/*.css dist && rm -r dist/min"},"repository":{"type":"git","url":"git+https://github.com/elrumordelaluz/csshake.git"},"keywords":["css","transitions","animations"],"author":{"name":"Lionel T","email":"elrumordelaluz@hotmail.com","url":"http://elrumordelaluz.com"},"contributors":[{"name":"Peter Nyari","email":"peter.nyari@ioflair.com","url":"https://github.com/netwarex"}],"license":"MIT","bugs":{"url":"https://github.com/elrumordelaluz/csshake/issues"},"homepage":"https://github.com/elrumordelaluz/csshake","devDependencies":{"gzip-size":"5.1.1","pretty-bytes":"5.2.0","pug":"^3.0.2","sass":"1.51.0"},"gitHead":"c3f95be1e5c60c67b70c61ec800d9b2d3aa190ad","_id":"csshake@1.7.0","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-J8YPxrFmhNCK/sgoiWwbPDmUPramnEts8E9OZ6hdfh8z5wDjdIfVH0VgUz8HU5px5JpyLgnvPon6L3cmGef8TA==","shasum":"614b96216ea9a2ec4657636f8c43d64af0206ff7","tarball":"https://registry.npmjs.org/csshake/-/csshake-1.7.0.tgz","fileCount":50,"unpackedSize":204329,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJHoMYIAjF3JPAYrSAsigNnqx58PvYwKRkLd0nGOwNBgIgYDU/Xgy6ECyk3/KlOBEyk+aZZ/G2UEzD0d7oYcuNxOQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJicUHYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZKg/8DMfsf+iAMLii6HJJu4ub6brfXF/KP4X3M2DiK0gswvxY9gb1\r\nWxbpB+1vqA9MJR7XwY8S3HiGhTWa0G5vIPBCnduOcpXnoJpxYGLAoEZSpUTW\r\ngAzoFsq5Du3KXX1TkD70RtjkjCXxDgbv5Q/jJAs64E3i5JYBDkP1wJqOX2FN\r\nheLactS0LRJxyYGch7m+gtw0mn1HqlWh7/re+IuPxM97sk+OKfm52Db4Ou61\r\nWMPPkWqB8HxjbRcwNwFg1OTUa43R5DYX5ESgmeEY1sJfqeoS1nqTP9YVxryY\r\noQpfDwqb0ODR80gZOYGoGlwCrfqt2kWtd/pcFAC4xN/A2f1YYVWc9vBhQ9fO\r\nZvaqi+eeGd2+K2lEycfM31CiI/GE5yYXWZ1pUWQG4/7DjvzGKPNOsqROcGpk\r\nG+Ko+jq4Fb0jWPeEZvJfqzZbgTwGm7DQusnCXn+ZgwcO+tZmOZM3fL2ivJnd\r\nUL7Lmd7nNrX+QsUaxQtXLqyXY9bJqgHhzDrMq5J8ktcBqUI2NgSzBgEvSCFE\r\n3cAVD/MaPIqq82MNr18e8TJ6PchYFQ84hcNfa58jHtfmlkABJfOYPV77WWWY\r\nJ4tpqVA0zXAL1dqjCuux/yQ7eGpnDOiONpif6XLE0fFX1mC758sRnfZSL782\r\nShR1oLlA1zcautpbdCqJs2XMxoaA711wFBc=\r\n=LvG7\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"elrumordelaluz","email":"elrumordelaluz@hotmail.com"},"directories":{},"maintainers":[{"name":"elrumordelaluz","email":"elrumordelaluz@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/csshake_1.7.0_1651589592482_0.4506506422773968"},"_hasShrinkwrap":false}},"readme":"# CSShake [![npm version](https://badge.fury.io/js/csshake.svg)](http://badge.fury.io/js/csshake)\n\n> Some CSS classes to move your DOM!\n\n### [Live Demo](http://elrumordelaluz.github.io/csshake/)\n\n### [Download Center](https://csshake.surge.sh/)\n\nYou could download the complete `csshake.css` file or separated files for each shake animation (i.e `csshake-little.css`).\nEach one expanded or minified.\n\n## Why\n\nI had to do a 'shake-animation' for a big project. First, I did it in vanilla CSS.\nAfter finish it I discover [this](http://jackrugile.com/jrumble/) cool jQuery plugin by [@jackrugile](https://twitter.com/jackrugile).\nThen I started to think in made _[this little CSS project](http://elrumordelaluz.github.io/csshake/)_\n\n## Install\n\nFork this repo\n\n```\n  $ git clone https://github.com/elrumordelaluz/csshake.git\n```\n\nor via Bower\n\n```\n  $ bower install csshake\n```\n\nor via npm\n\n```\n  $ npm i csshake\n```\n\n#### scripts\n\n```\n  $ npm run watch\n  $ npm run build:raw\n  $ npm run build:min\n```\n\n### CDN\n\nNow is also available in `cdnjs` for each shake animation: https://cdnjs.com/libraries/csshake\n\n## How to use\n\nFirst include the CSS file\n\n```html\n<link rel=\"stylesheet\" type=\"text/css\" href=\"csshake.css\" />`\n```\n\nThen call the different classes on the element you want to shake!\n\n```html\n<div class=\"shake\"></div>\n<div class=\"shake shake-hard\"></div>\n<div class=\"shake shake-slow\"></div>\n<div class=\"shake shake-little\"></div>\n<div class=\"shake shake-horizontal\"></div>\n<div class=\"shake shake-vertical\"></div>\n<div class=\"shake shake-rotate\"></div>\n<div class=\"shake shake-opacity\"></div>\n<div class=\"shake shake-crazy\"></div>\n```\n\nAdd also classes to control the `animation-play-state`.\n\n```html\n<!-- Freeze the animation at that point when :hover -->\n<div class=\"shake shake-freeze\"></div>\n<!-- Continuous animation instead on :hover -->\n<div class=\"shake shake-constant\"></div>\n<!-- and stop when :hover -->\n<div class=\"shake shake-constant shake-constant--hover\"></div>\n```\n\n## Customize\n\nYou could customize the Sass @mixins to create new shaking animations, yeah!\nEditing the `do-shake` mixin in `scss/_tools.scss` file\n\n```scss\n.my-custom-shake {\n  @include do-shake(\n    $name: 'my-custom-shake',\n    $h: 5px,\n    $v: 5px,\n    $r: 3deg,\n    $dur: 100ms,\n    $precision: 0.02,\n    $opacity: false,\n    $q: infinite,\n    $t: ease-in-out,\n    $delay: null,\n    $chunk: 100%\n  );\n}\n```\n\n`$name` {String} is the name for the keyframes animation\n\n`$h` {Number} is the max number for random to assign in x axis\n\n`$v` {Number} is the max number for random to assign in y axis\n\n`$r` {Number} is the max number for random rotation\n\n`$dur` {Number} is the `animation-duration` time value\n\n`$precision` {Number} is the precision of the keyframes animation. For example `.02` generates keyframes each 2% and `.1` each 10%. The calculation is `$step: 100 * $precision;`\n\n`$opacity` {Boolean} to apply random animation also in the opacity property\n\n`$q` {String} is the `animation-iteration-count` value\n\n`$t` {String} `animation-timing-function` value\n\n`$delay` {Number} `animation-delay` time value\n\n`$chunk` {Number} is the part of the keyframes where apply the animation\n\n### Use with Webpack 2.x\n\nWhen installed with `npm`, import `csshake` inside your css|stylus|sass files with `~` prefix to trigger webpack's module resolving:\n\n```scss\n@import '~csshake';\n```\n\nThis will get you non-minified plain css.\n\n##### Import source sass files\n\nInclude full path relative to your `node_modules` folder with csshake installation\n\n```scss\n@import '~csshake/scss/csshake-hard.scss';\n```\n\n=======\n\n### Changelog\n\n#### [v1.5.0](https://github.com/elrumordelaluz/csshake/releases/tag/v1.5) (October 5, 2015)\n\n- Improve the core mixin for a better output code\n- Generate the entire 'shake' animation from only one [@mixin](https://github.com/elrumordelaluz/csshake/blob/master/scss/_tools.scss#L30). Easier to cerate custom shakes animations classes.\n- Add a [new argument](https://github.com/elrumordelaluz/csshake/blob/master/scss/_tools.scss#L41) to allow animate only part of the 100% of keyframes. Solves [issue #25](https://github.com/elrumordelaluz/csshake/issues/25)\n- Add a [class](https://github.com/elrumordelaluz/csshake/blob/master/scss/_tools.scss#L3) to allow fire animation from a parent element. Solves [issue #16](https://github.com/elrumordelaluz/csshake/issues/16)\n- Update semanthics on modifiers classes\n- Export separated stylesheets for each animation. Solves [issue #20](https://github.com/elrumordelaluz/csshake/issues/20)\n\n======\n\nMade with ♥ by [@elrumordelaluz](http://twitter.com/elrumordelaluz) using [Sass](http://sass-lang.com/).\n","maintainers":[{"name":"elrumordelaluz","email":"elrumordelaluz@hotmail.com"}],"time":{"modified":"2022-06-14T05:04:06.607Z","created":"2015-10-05T20:31:01.246Z","1.5.0":"2015-10-05T20:31:01.246Z","1.5.1":"2016-10-01T00:58:23.328Z","1.5.2":"2017-05-30T06:58:45.468Z","1.5.3":"2018-01-02T22:22:31.260Z","1.7.0":"2022-05-03T14:53:12.671Z"},"homepage":"https://github.com/elrumordelaluz/csshake","keywords":["css","transitions","animations"],"repository":{"type":"git","url":"git+https://github.com/elrumordelaluz/csshake.git"},"author":{"name":"Lionel T","email":"elrumordelaluz@hotmail.com","url":"http://elrumordelaluz.com"},"bugs":{"url":"https://github.com/elrumordelaluz/csshake/issues"},"license":"MIT","readmeFilename":"README.md","users":{"filipve":true,"ackerapple":true},"contributors":[{"name":"Peter Nyari","email":"peter.nyari@ioflair.com","url":"https://github.com/netwarex"}]}