Give us feedback
Reactive icon

Tilt JS For Reactive

Stable version 1.0.2 (Compatible with OutSystems 11)
Uploaded on 26 Jul by 
 (3 ratings)

Tilt JS For Reactive

A Reactive Web component that works on a jQuery library that allows you to create simple tilt effects on hover without taking 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 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.

WidgetId - Pass the Id of the widget on which tilt effect has to be shown.

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.

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.

Release notes (1.0.2)
  1. Updated the dependencies with Outsystems UI latest version.
  2. Removed some unused dependencies.
  3. Added descriptions for public elements.
License (1.0.2)
Reviews (1)
in version 1.0.0
Nice component, easy to use with lot of configurations.