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
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