Parallax Tilt

Content Type: Widget
Categories: User Interface

Overview

Easily apply tilt hover effects to elements.

Documentation

Easily apply tilt hover effects to elements.

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

Releases