Hover Effects Framework: HoverAlls

--- Simplicity. --- 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. --- Coordinates. --- 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. --- Classes. --- 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. --- Powerful. --- 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 3.0 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.