diff --git a/entries/transfer-effect.xml b/entries/transfer-effect.xml index 2821da94..51781355 100644 --- a/entries/transfer-effect.xml +++ b/entries/transfer-effect.xml @@ -1,10 +1,11 @@ - + Transfer Effect Transfers the outline of an element to another element

Very useful when trying to visualize interaction between two elements.

The transfer element itself has the class ui-effects-transfer, and needs to be styled by you, for example by adding a background or border.

+

This effect is deprecated, replaced by the .transfer() method.

diff --git a/entries/transfer.xml b/entries/transfer.xml new file mode 100644 index 00000000..a399f85e --- /dev/null +++ b/entries/transfer.xml @@ -0,0 +1,65 @@ + + + .transfer() + Transfers the outline of an element to another element + +

Very useful when trying to visualize interaction between two elements.

+

The transfer element itself has the class ui-effects-transfer, and needs to be styled by you, for example by adding a background or border.

+
+ + + + The target of the transfer effect. + + + A class to add to the transfer element, in addition to ui-effects-transfer. + + + A string or number determining how long the animation will run. The strings "fast" and "slow" can be supplied to indicate durations of 200 and 600 milliseconds, respectively. The number type indicates the duration in milliseconds. + + + + + A string indicating which easing function to use for the transition. + + + + + + 150 + Clicking on the green element transfers to the other. + + + + + + +