Thanks! Please check the following:
System requirements
This stack requires RapidWeaver and the Stacks plugin. It will not work with other platforms (like Wordpress). We recommend you aim towards installing the latest version of RapidWeaver and Stacks that your computer is compatible with.

License agreement
You may use this purchased stack an unlimited number of times in personal or commercial projects, request technical support and receive free updates in future.

This stack can be installed or synced onto all computers that you own. You are permitted to make archival backup copies of the stack.

You may not resell or make this stack available for download, remove copyright credits or license information.

The software is provided "as is" without any implied or expressed warranty of merchantability or fitness for purpose. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise arising from, out of or in connection with the software or the use or other dealings in the software.

Refund policy
By purchasing this stack, you agree that your purchase will be available immediately via digital download and that you waive your statutory right of withdrawal.

All purchases are final and refunds will not be provided (we physically cannot un-download or remove stacks from your computer).

You are reminded to make use of the free demo versions already provided on the website, to fully evaluate stacks for compatibility and suitability before purchase.

Customer support
If you have questions that relate specifically to this stack, you should make contact via the contact page. We aim to answer all messages within 12 hours, Monday to Friday.

If you require a faster response at weekends or during public holidays, please post your question(s) to the RapidWeaver forums, where a support volunteer may be able to assist you quicker.
Pure CSS animations ensure that ShakeIt loads almost instantaneously, without a heavy overhead of complicated Javascript or Flash code. ShakeIt works reliably in all modern web browsers and is ignored by older browsers. The content you 'shake' can still be printed, read by screen readers and seen by search engines. This stack could be a great addition to 'call to action' buttons, subheadings, Font Awesome icons, links and simple text or images. ShakeIt can either run constantly (with the option to pause on mouseover) or only run on mouseover. Ten shake effects of different velocities and styles can be chosen from.

ShakeIt is derived from the opensource CSShake framework. Our stack uses a pre-compiled codebase and presents customisable options via an easy-to-use editable interface. The source code is optimised for faster page loading and less bandwidth. Additionally the option is provided to 'shake' other elements in the page, via element, ID or class selector names. ShakeIt v2 is a free update for previous owners of the original Tsooj Media ShakeIt v1 stack.

Examples

Here are ten examples of the different shake effects available in ShakeIt. All of these run constantly. As you can see, some have a stronger shaking velocity than others...

Setup

Please follow these instructions to get a single ShakeIt stack working in your webpage
  1. Once installed into Stacks and RapidWeaver, add a Stacks page to your project if you don't have one already
  2. Open the Stacks Library in edit mode. Search for 'ShakeIt'. Drag and drop a copy of the stack into your webpage
  3. Keeping the Stacks Library open, now add a text or image stack inside ShakeIt
  4. Customise the text or image, to contain the content you want shaken
  5. Select the ShakeIt stack to change the trigger and / or shake effect
  6. Preview the webpage to see the effect. Publish or export when done

Note that Stacks applies overflow:hidden on all divisional containers. You may notice that some shake effects (like Rotate) become cropped. The easy way to fix this is to simply open the stack settings for ShakeIt and give your ShakeIt stack some more padding; as you would do for any other normal stack. Padding adds space, and this creates a larger 'visible' area for the ShakeIt stack to work inside.

Applying ShakeIt stacks to other parts of the webpage

Within the ShakeIt settings, change the Shake setting from Stacks (default) to Custom Selector(s). Underneath this setting you will see a box to enter your element, ID or class selector names. Multiple selector names are supported, and these should be entered in jQuery / CSS comma-separated format. Knowing what elements to target can be accomplished using the web inspector or a free stack like Codafy. ShakeIt will use jQuery Javascript to write the names of the animation onto the selector names you provide; therefore attempting animation of these elements. Obviously not all elements support animation and some elements may already have animations of their own applied.
Bookmark or share this page
Baidu 百度
Blogger
Delicious
Digg
Facebook
Google+
LinkedIn
LiveJournal
MySpace
Pocket
Одноклассники
Reddit
Renren 人人网
StumbleUpon
Tumblr
Twitter
ВКонтакте
Weibo 微博
XING
Contact Us
Email This Page
Print This Page
PS: This bookmarking and sharing popup is powered using our brilliant SocialPopup stack!

Cookies

Like a lot of websites, Stacks4Stacks uses cookies to help enhance your browsing experience and handle things like purchases. We take your privacy seriously, and welcome you to freely opt-out of nonessential cookies at any time by reviewing your preferences on this page.