Overview

Easily apply tilt hover effects to elements.

Documentation :

Features:

  • tiltEnable : Enables/disables the tilt effect.

  • tiltMaxAngleX : Maximum tilt rotation (in degrees) on the x-axis. Range : 0°-90°.

  • tiltMaxAngleY : Maximum tilt rotation (in degrees) on the y-axis. Range : 0°-90°.

  • glareEnable : Enables/disables the glare effect..

  • glareMaxOpacity : Maximum glare opacity (0.5 = 50%, 1 = 100%). Range : 0-1

  • glareColor : Sets the color of the glare effect.

  • glarePosition : Sets the position of the glare effect.

  • Scale : Scale of the component (1.5 = 150%, 2 = 200%).

  • Perspective : Defines how far the tilt component appears from the user. Lower values create more extreme tilt effects.

  • transitionEasing : Easing function for the transition.

  • transitionSpeed : Speed of the transition.

  • flip Vertically : Enables/disables vertical flipping of the component.

  • flip Horizontally : Enables/disables horizontal flipping of the component.

Dependencies:

Mendix modeler 10.18.3.

Issues, suggestions and feature requests

https://github.com/bharathidas/ParallaxTilt/issues

Screenshots :

voice-command
voice-command
voice-command
voice-command
voice-command
voice-command