Transition - Documentation

Transition

Source:

Core/Transition.js, line 2

Entry point for animation.

Example

Craft.Core.Transition.animate({
    element : this.view.getElementById('anim_target');,
    properties : {
        top  : '100px',
        left : '150px',
    },
    duration : 200,   // number (msec)
    ease : 'ease-in',
    callback : () => {
        console.log('animation ended');
    }
});

Methods

(static) animate(options)

Source:

Core/Transition.js, line 29

Make animation

Parameters:

Name Type Description

options

Object

animation paramaters

Properties

Name	Type	Description
`element`	Element	element
`properties`	Object	css key-value: ex) top:'100px'
`duration`	Number	msec
`delay`	Number	msec
`ease`	String	ease-in-out
`callback`	function	callback