Difference between revisions of "LGUI2:AnimationType:fade"
Jump to navigation
Jump to search
(Created page with "The fade Animation Type adjusts an element's Opacity over time to a specified value == Animation properties == {| border="1" style="border-collapse:...") |
|||
| Line 2: | Line 2: | ||
== Animation properties == | == Animation properties == | ||
| + | ; A fade Animation uses these properties in addition to those defined by [[LGUI2:Animation|Animation]] | ||
| + | |||
{| border="1" style="border-collapse:collapse" cellpadding="5" | {| border="1" style="border-collapse:collapse" cellpadding="5" | ||
!colspan="2"|Animation properties for "fade" | !colspan="2"|Animation properties for "fade" | ||
| Line 37: | Line 39: | ||
} | } | ||
} | } | ||
| + | |||
{{LGUI2:AnimationType}} | {{LGUI2:AnimationType}} | ||
Revision as of 03:12, 16 November 2018
The fade Animation Type adjusts an element's Opacity over time to a specified value
Animation properties
- A fade Animation uses these properties in addition to those defined by Animation
| Animation properties for "fade" | |
|---|---|
| destination | An Array with 2 numbers specifying the X,Y coordinate to move to, e.g. [0,0] |
| duration | An integer value (such as 1000) specifying the duration in milliseconds, or a floating point value (such as 1.0) specifying the duration in seconds |
Examples
- Repeatedly fade an element to 50% opacity, and back to 100%
{
"type": "repeat",
"name": "loopBlink",
"animation": {
"type": "chain",
"name": "blink",
"animations": [
{
"type": "fade",
"name": "fadeOut",
"opacity": 0.5,
"duration": 1.0
},
{
"type": "fade",
"name": "fadeIn",
"opacity": 1.0,
"duration": 1.0
}
]
}
}
LavishGUI 2 Animation Types
