Type Animation
Content Type: Widget
Categories: Utility,User Interface
Overview
A customizable typing animation component.
Features
- sequence: Animation sequence.
- Typing Speed (ms): Speed of typing in milliseconds per character.
- Deletion Speed (ms): Speed of deletion in milliseconds per character.
- Repeat Count: Number of times to repeat (0 for infinite).
- Wrapper Element: HTML element to wrap the animation (div, span, p, etc.)
- Show Cursor: Whether to show the blinking cursor.
- Custom CSS: Custom CSS styles as JSON (e.g., {"color": "red", "fontSize": "20px"}).
- CSS Class: Additional CSS class names.
- Pre Render-First String: If set to true, the first string of your sequence will not be animated and initially (pre-)rendered.
- Omit Deletion Animation: If true, deletions will be instant and without animation.
Documentation
A customizable typing animation component.
Features
- sequence: Animation sequence.
- Typing Speed (ms): Speed of typing in milliseconds per character.
- Deletion Speed (ms): Speed of deletion in milliseconds per character.
- Repeat Count: Number of times to repeat (0 for infinite).
- Wrapper Element: HTML element to wrap the animation (div, span, p, etc.)
- Show Cursor: Whether to show the blinking cursor.
- Custom CSS: Custom CSS styles as JSON (e.g., {"color": "red", "fontSize": "20px"}).
- CSS Class: Additional CSS class names.
- Pre Render-First String: If set to true, the first string of your sequence will not be animated and initially (pre-)rendered.
- Omit Deletion Animation: If true, deletions will be instant and without animation.
Dependencies:
• Mendix modeler 10.18.3.
Issues, suggestions and feature requests