<m-attr-lerp>

The m-attr-lerp element is used to describe time-transitioned changes to element attributes.

Try it

Attributes

  • attr: string

    The attribute(s) of the parent element that this lerp will animate. Multiple attributes can be specified by separating them with a comma. A value of "all" applies this lerp to all attributes.

  • duration: int

    The duration of the lerp in milliseconds. This is the time taken to go from the previous value of the attribute to the latest value. Default value is 1000 (1 second).

  • easing: enum

    easeInQuad

    easeOutQuad

    easeInOutQuad

    easeInCubic

    easeOutCubic

    easeInOutCubic

    easeInQuart

    easeOutQuart

    easeInOutQuart

    easeInQuint

    easeOutQuint

    easeInOutQuint

    easeInSine

    easeOutSine

    easeInOutSine

    easeInExpo

    easeOutExpo

    easeInOutExpo

    easeInCirc

    easeOutCirc

    easeInOutCirc

    easeInElastic

    easeOutElastic

    easeInOutElastic

    easeInBack

    easeOutBack

    easeInOutBack

    easeInBounce

    easeOutBounce

    easeInOutBounce

    The name of the easing function to apply to the lerp ratio to achieve effects such as smooth animations. If the attribute is not specified or is empty the lerp will be linear.

Attribute Groups

  • Attribute Group: coreattrs

    • id: ID

      A unique identifier for the element, used for selection and manipulation through scripting. It must be unique within the document.

    • class: string

      A space-separated list of class names that can be used for scripting purposes.

Compatibility Table

WEBUNREAL
m-attr-lerp✓✗
attr✓✗
duration✓✗
easing✓✗
id✓✗
class✓✗