Jump to content

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

Classname + -webkit-

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts


I have some issue since the last update with "-webkit-"

Not sure this bug has been fixed

  • FIXED problem caused by some Webkit browser reporting redundant/duplicate transform values (in both "transform" and "WebkitTransform") of the computed style which could cause className tweens to act oddly.

I make a simple TweenMax.to('element', 1, {className: "+=active"});
and bam !




Only on Safari and Chrome.


Everything good with gsap : 1.15.0

See the Pen bNRXYO by stephanedemotte (@stephanedemotte) on CodePen

Link to comment
Share on other sites

Aha, it looks like Chrome/Safari decided to uncapitalize Webkit in their property names. Lovely. That's what caused the issue, but don't worry - I've got a fix. It'll be in the next release. In the mean time, I've attached a preview with the edited uncompressed files. Thanks for pointing this out.


  • Like 3
Link to comment
Share on other sites

  • 2 weeks later...

Did you try that preview of 1.15.2 that has the fix applied? 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.