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.