Hi, I just downloaded your csshake.min.css, it's working fine in Internet Explorer and FireFox, but it's not working in Chrome, any finx for this will be appreciated. Thanks

That is to say, nearly no shaking for 15 seconds followed by a fairly intense shake... except for the first element, which should shake intensely the whole time.

Please update your package.json properties to point to your directories and main files. Automatic bundlers like webpack and such cannot find your "module", so we need to copy it to project files to get collected by webpack properly. Probably your initial target audience was bower-users, but npm-guys also deserve your blessed lib :)

Асtually it seemes i don't know good solution to point to style files in package.json (maybe there is still no good one), maybe use antoher fields.. maybe investigate how bootstrap do it (they obviously had to invent something to point all possible bundlers to it's stylesheets in the first place)

Hi!

I noticed that animations go haywire in MS Edge, and after chasing down the cause, it turns out it is not interpreting the abbreviated version of the rule like other browsers do. So I made this small change that fixes it.

Hi, I have tried using this cool css lib on my asp.net MVC5 web page.

The animations does not seem smooth, as in very laggy so it doesnt have a "shake" effect at all it just seem odd, but on your example page it works perfect with the same browser.

So I am wondering what might be the cause for this laggy animation (not smooth) ?

in _tool.scss opacity is missing from the comments it is also missing in the readme

/// Do The Shake /// @param {String} $name ['shake'] - Name for the keyframes animation /// @param {Number} $h [5px] - Max number for random to assign in x axis /// @param {Number} $v [5px] - Max number for random to assign in y axis /// @param {Number} $r [3deg] - Max number for random rotation /// @param {Number} $dur [100ms] - animation-duration; valid time value /// @param {Number} $precision [.1] - Precision of the keyframes animation (i.e 2 > 2%, 4%, 6%...) /// @param {String} $q [infinite] - animation-iteration-count; valid value /// @param {String} $t [infinite] - animation-timing-function; valid value /// @param {Number} $delay [null] - animation-delay; valid time value /// @param {Number} $chunk [100%] - Part of 100% where apply the animation @mixin do-shake( $name: 'shake', $h: 5px, $v: 5px, $r: 3deg, $dur: 100ms, $precision: .02, $opacity: false, $q: infinite, $t: ease-in-out, $delay: null, $chunk: 100% ) {

The main property of the bower.json file shouldn't list both the normal and the minificated version of the main file. Like most popular library out there like angular, lodash, jquery. This way it's easier to work with tools like Wiredep. For exemple wiredep would list all main file, here csshake.css & csshake.min.css which result in duplicate.

we got a problem with shake only on hover in safari browsers, the same problem i found on your page on section "variation". The first example "Freezed after Shake" doesnt work in safari 11.0.1. On our Website, it has more objects with this effect, only the first one shake. we hope u can fix it.

The demos on the page don't currently work in Chrome 54 and other browsers since the github pages site is loaded over HTTPS, but the stylesheet isn't. This proposed change fixes that so the demos work again!

In 1.5.0 the apply-random function is defined within the do-shake mixin. In master you have it defined outside of the do-shake mixin. Chances are the change in master is to address Sass compilers barking Functions may not be defined within control directives or other mixins.

Is it possible to make a new release with the patch that is contained in master?

Thanks!

shake-little, shake-slow and others have dedicated CSS files for very light-weight integration into existing projects (in the dist directory). However, no dedicated CSS file is present for the shake class. It is available only in the 21kb file which contains all the classes. I suggest adding a new file csshake-default.css and csshake-default.min.css to cover the shake class if someone is not interested in the other shake variants.

I'm currently using the plug-in, and I have encountered a problem, but the simple jitter is not enough to meet the requirements. If it is always jittering, it will be visually fatigued, which is not conducive to good interface design. Therefore, I want csshake to be able to configure interval jitter. I referenced the csshake.css file in my file and used it in the div. It works perfectly, but I want the div to stop shaking for a period of time, and then start shaking after 1 second (configurable). Use This plug-in is very convenient, but I am not a professional programmer. How can I realize interval jitter? Thank you again for writing such a great thing, and I look forward to the changes in csshake to make it better!