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
Releases
Version: 1.0.0
Framework Version: 10.18.3
Release Notes: 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**
https://github.com/bharathidas/TypeAnimation/issues
