Boxaroo : Advanced Animated Lightbox

--- Boxaroo is designed for all experience levels - requiring only 1 setting. --- Boxaroo includes a stunning variety of hardware-accelerated CSS3 animations designed to work together seamlessly. Each lightbox can have a unique preloader. Lightbox Movement Define where lightboxes enter and exit - for cool effects and creating the appearance that your gallery is on an axis. Navigation Override The navigation override gives you powerful control over when Frame Animations are applied. Animate the Shadow Color, Blur Radius, Spread, X Distance, Y Distance and Opacity. Quickly create complicated environments and let Boxaroo automatically transition them. You can also control the direction Normal, Reverse, Alternate and Alternate-Reverse yielding creative animations. --- Events - And other goodies --- Gallery Navigation Control interaction using 6 navigation events: Navigation Buttons, Keyboard, Mouse Swiping, Gradient Overlays, Touch & Swipe and Mousewheel. Like many settings, Border settings resemble CSS - to make things as comfortable as possible. Load patterns or images from the assets library for the tile or background layers. Navigation Buttons You can change the Close, Previous or Next Buttons independently for every Lightbox - Boxaroo handles everything seamlessly. You can even pass in arrays of opacities and colors for looping. When enabled, Boxaroo animates the entrance as usual, then seamlessly carries out any Frame Animations. Borders Animate the Border Width, Color, or Radius per corner . --- Boxaroo - Advanced Animated Lightbox. Speed and Easing controls are also available. You can swap positions, control language / scaling options and more. All assets are organized to allow for incredibly fast customization by number. This allows you to tell Boxaroo you want the Frame Animation to occur only during Navigation, rather than when it has finished animating into view. Captions Support for independent control of caption styling, animation, visibility, scaling, position, scaling ranges, gallery naming, and more. Background Overlays An animated color layer loops unlimited colors. Custom Navigation Control unique aspects of navigation like Required Swiping Distance, Gesture Tolerance, Reverse Navigation Direction and Navigation Axis Selection. They can add an incredible level of depth, realism and organic movement to any scenerio as well as extend opening and closing animations into more complex chained transitions. Advanced Controls Once the lightbox has animated open, the Frame Animation will execute a set number of times. You can control the iterations of the Frame Animation loop, or set it to infinity. After choosing a skin, you can customize your lightbox environments using over 170 powerful settings. Highlights Customize the Highlight Type shape , position, speed, gradient stops, size and more. Lightbox Effects Working alongside the movement setting, you can also control the size of a lightbox during entrance and exit animations. Frame Animations Some settings have "frame animation" settings. 2D/3D Transforms Set the degree or amount and Boxaroo will handle all the ballistics. Adjust the perspective and combine and chain multiple transformations. These act as secondary/goto animation points. Set the animation axis, direction, radius, number of cycles, speed and more. This allows for fluid extensions of the entrance and exit animations as well as looped animations while viewing content. Counters The counter records progression through galleries. --- Components - A building block approach. HTML Elements Each lightbox has 3 optional HTML components for loading custom HTML and Javascript functionality into your environments. Over 70 GraphicRiver items have been carefully prepared, selected and optimized for use with ligthbox design. You can apply a texture from the assets library. Custom Matting Animate Matte widths per side and create color animation loops with an unlimited number of colors. --- Special Effects - The awesome stuff! Shadows For realistic lighting effects, Boxaroo provides shadow animation controls. --- Frame Animations - Looped animation tricks --- Frame Animations are optional loops that occur when a lightbox is typically not moving. --- Preloaders Configure multiple colors and timing options for any included CSS3 preloader. Speed and Easing With so many animations occurring at once, Boxaroo cuts out the risk of timing issues by eliminating independent times. Typically, Frame Animations start after the entrance animation is complete. --- Integrated Assets Library - An unsurpassed value --- The included assets library is a massive, growing collection of graphics designed specifically for Boxaroo. Stacking Order All components are layered in a logical order, but in case you decide to include custom functionality, you can change the stacking order using a single setting. Device Specific Based on the type o Fibonacci Spirals Add organic Spiral Animations during Open, Close, and/or Navigation.

HTML Templates

Boxaroo : Advanced Animated Lightbox