LGUI2:AnimationType:fade

From Lavish Software Wiki
Revision as of 03:04, 19 November 2018 by Lax (talk | contribs)
(diff) ←Older revision | view current revision (diff) | Newer revision→ (diff)
Jump to navigation Jump to search

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]


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

Basic Animations
fade - slide - value
Utilities
chain - composite - delay - random - repeat