Tweening 'binary' properties?

[ladlon]

I'm curious... What happens when you try and tween a 'binary' property, such as 'Visibility'?

 

Does it remain at the initial state until the duration is complete, and then switch to the new value?  It obviously can't 'tween/fade' to it, so I'm curious how GSAP treats such a thing.

[OSUblake]

Create a test and find out.

var div = document.querySelector("div")
var style = getComputedStyle(div)

console.log(style.visibility)

gsap.to(div, {
  visibility: "hidden",
  onUpdate() {
    console.log(style.visibility)
  }
})

 

[GreenSock]

Yeah, it generally sets the (new) value right away except for "display: none" which it'll do at the end because it would be very odd to have that set initially.