Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

Tween

.set()

.set( target:Object, vars:Object ) : Tween

[static] Immediately sets properties of the target accordingly - essentially a zero-duration to() tween with a more intuitive name.

Parameters

target: Object

Target object (or array of objects or selector text) whose properties will be affected.

vars: Object

An object defining the value for each property that should be set. For example, to set obj.x to 100 and obj.y to 200, do this: gsap.set(obj, {x: 100, y: 200}); You may also define any of the special properties baked into GSAP like delay, onComplete, etc.

Returns : Tween

A tween instance (with a duration of 0) which can optionally be inserted into a timeline instance (although it’s typically more concise to just use the timeline’s set() method).

Details

Immediately sets properties of the target accordingly - essentially a zero-duration to() tween with a more intuitive name. So the following lines produce identical results:

  1. gsap.set(myObject, {x: 100, y: 50, opacity: 0});
  2. gsap.to(myObject, {duration: 0, x: 100, y: 50, opacity: 0});

And of course you can use an array to set the properties of multiple targets at the same time, like:

  1. gsap.set([obj1, obj2, obj3], {x: 100, y: 50, opacity: 0});

You can also use selector text to target DOM elements that match that criteria.

Copyright 2017, GreenSock. All rights reserved. This work is subject to theterms of useor for Club GreenSock members, the software agreement that was issued with the membership.
×