Download your bonus Free Goods before time runs out!
0 Days
0 Hrs
0 Min
0 Secs

Hover Effects Framework: HoverAlls

Live Preview


Adding animation effects to your pages has never been easier or faster. With HoverAlls you can create ToolTips, Scrollers, News Tickers, Captions, Lightboxes, Sliding Panels, Alerts and much more - all by using the same methods and settings. HoverAlls is extremely flexible, allowing you to write HTML however you feel comfortable. Without the need for a specific structure, HoverAlls removes the possibility of wasting time trying to make sense of plugin naming conventions, or lengthy CSS. No knowledge of Javascript, CSS3 or jQuery is required and separate walkthroughs and tutorials are provided for each type of animation effect.


A simple coordinates system makes creating complex Animation Paths easy. A single HoverAlls setting allows you to define the Start, End and Return Positions. ( "coords" : " StartX, StartY || EndX, EndY || ReturnX, ReturnY " ). With specific coordinates, you are in full control over where the animation occurs. You can also define an Animation Path for the Text Element using the "text_coords" setting - the exact same way.


Easily setup and configure animation effects on multiple elements at once - then use the data-HoverAlls attribute to customize each effect individually. The two left elements above are images and the two right are DIVs with background images. Weighing in under 10K, HoverAlls may possibly be lighter than writing animation-specific CSS.

Target Containers.

A powerful feature of HoverAlls is the ability to select your Target Container. HoverAlls effects don't need to occur on the object being hovered, touched or clicked. The Target Container setting lets you select where the animation occurs. Additionally, the HTML Mode setting allows for injecting your own custom HTML into any HoverAlls effect - and optionally animate it.


Any HoverAlls effect can be triggered by Click, Touch, Hover, Page Load or when Scrolled to a specific element - for unparalleled animation flexibility. All effects and events have been optimized for mobile devices. Version 2.6 adds new features including chainable 2D/3D animations and text crawlers.

Design Faster.

HoverAlls is built to decrease production time by making the approach to every obstacle the same. Version 2.6 is a completely re-written free upgrade, introducing some exciting new features as well as full hardware acceleration, responsive animations and a 55% file reduction - possibly making HoverAlls the lightest all-in-one solution.

{{ pagination.totalCount }} Comments

You must be signed in to post a comment.

Showing {{ pagination.fromCount }} - {{ pagination.toCount }} of {{ pagination.totalCount }}

How do I contact support?

If you need help with the product, please contact the shop owner by visiting their shop profile and sending them a message. For anything else (licensing, billing, etc), please visit our Help Center.

How can I unzip product files?

PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.

Mac: Double click the .zip file, then search for the product folder or product file.

If you continue to have trouble, check out this help file for more tips.