Tilt JS

Stable version 1.0.0 (Compatible with OutSystems 11)
Published on 17 Feb by 
5.0
 (1 rating)

Tilt JS

Details
A cool jQuery library that allows you to create simple tilt effects on hover without taking up to much load time. The library is really lightweight. It allows glare effects, simple parallax, floating, scale on hover and more.
Read more

A component which contains a web block for showing different tilt effects on any widget.

Following values can be configured for this component -

Apart from WidgetId, all input parameters are non-mandatory, which has default values defined plus a brief description for each input parameter is given.

MaxTilt - To define the value of max tilt rotation (in degrees)

Reset - Set its value to True, if the tilt effect has to be reset on exit.

Glare - Set to true to enable glare effect.

DisableAxis - Which axis should be disabled? Possible values can be x or y.

MaxGlare - Value to denote Glare effect

Transition - A Boolean flag to set a transition on enter/exit.

Speed - Speed of the enter/exit transition. The higher the value of speed, the slower will be the tilt effect.

Scale - To zoom-in the widget on hover. Value => 2 = 200%, 1.5 = 150%, etc..

Easing - Easing on enter/exit.

Perspective - Transform perspective, the lower the value the more extreme the tilt gets.


What’s new (1.0.0)
Reviews (0)