Jump to content
Search Community

Box shadow effect issue

komal test
Moderator Tag

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

Hi,


 


I am trying to get an box shadow effect as follows but neither getting any effect nor any error.


What to do to achieve box shadow effect ?


what the  correction i need to do with the following snippet of code?


 


 


 TweenMax.fromTo($('#box1'), 2, {

            boxShadow: "0px 0px 0px 0px rgba(0,255,0,0.3)"

        }, {

            boxShadow: "0px 0px 20px 10px rgba(0,255,0,0.7)",

            repeat: -1, yoyo: true, ease: Linear.easeNone

        });        

        TweenMax.to($('#bigBox'), 0.5, { backgroundColor: "black" });

 

Link to comment
Share on other sites

Hi,

 

I pasted your code directly into CodePen and it seems to work fine.

http://codepen.io/GreenSock/pen/LHfsC

 

Please read this post on creating CodePen demos: http://greensock.com/forums/topic/9002-read-this-first-how-to-create-a-codepen-demo/

 

It explains not only how to do it, but why it is so important.

 

I don't know what "#bigBox" is or how it relates to the problem at hand so I did not include that in the demo.

 

Feel free to fork the CodePen demo and elaborate on what isn't working if there is still a problem on your end.

  • 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.
×
×
  • Create New...