Shaders#

Available since version 3.82

Shaders are GPU-powered visual effects that transform how layers and items look in real time. They can be applied in two ways:

• FX Shader — applied as a layer effect on Overlap Groups (available in KWGT, KLWP and KLCK)
• Animation Shader — applied as an animation action, reacting to scroll, gyroscope or other triggers (KLWP and KLCK only)

Both paths use the same shader library and parameters.

Complex Animation#

A complex animation is similar to CSS3, within any point of the transition from 0% (start) to 100% (end) you can have a property set to a value, Kustom will then move smoothly to that. So if you say that X should be at 100 at position 50 Kustom will move by 100 in the first half of the animation then stop.

Lets start with an example, lets say you want to: