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

Version: 1.0.0
Framework Version: 10.18.3
Release Notes: 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