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