Jump to content


Tweening "boxShadow" - 'none'-property bug?!

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`m experience a bug in tweening 'boxShadow'. By tweening to a boxshadow and tweening back to 'none', TweenMax tweens to boxShadow:'0px 0px 0px 0px rgba(153,153,153)


i tried different browsers (FF, FF dev, Safari, Chome), same result.


Here is an codepen(from another topic), but updated with a boxShadow on hover:


See the Pen OxERYq by Michelangelo666 (@Michelangelo666) on CodePen


Link to comment
Share on other sites

Ok Thanks a lot,


thought 'none' is a possible value for 'border', boxShadow' etc. ..., like 'from shadow to no shadow'. Never used 'none' before...

Link to comment
Share on other sites

It is, but how do you change from none to 2px 2px 6px rgba(0,0,0,.7) ? What is the very first value going to be?

Link to comment
Share on other sites



my pov was simple: OK this div has no shadow, when i hover it, it get's an shadow of ..., on hover out i want go back (animated via Greensock) to no shadow.

I don't know the engine of Greensock (btw: i love greensock), but i thought greensock sees 'border:none' == 'border:0px' or similar.


sorry, perhaps my english is not that good to explain it more detailed...


Link to comment
Share on other sites

I understand what you mean, but that's just an assumption that none == 0. It's kind of like trying to animate from display:none to display:block. How should that work?


At its core, GSAP only works with numbers, and it needs a start and end number to work with.


Here's a similar question somebody had about wanting GSAP to assume that 0 should be the default value.




  • Like 1
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.