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).
Version:
GreenSock Docs
Back to GSAP
Tween
Methods
.delay()
.duration()
.endTime()
.eventCallback()
.from()
.fromTo()
.invalidate()
.isActive()
.iteration()
.kill()
.pause()
.paused()
.play()
.progress()
.repeat()
.repeatDelay()
.restart()
.resume()
.reverse()
.reversed()
.seek()
.set()
.startTime()
.then()
.time()
.timeScale()
.to()
.totalDuration()
.totalProgress()
.totalTime()
.yoyo()
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
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:
gsap.set(myObject, {x: 100, y: 50, opacity: 0});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:
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.