DropShadow code ?

[Lynx 2 Likes (Newbie)]

I want to animte drop shadow by the syntax is not working;

{box-shadow:10px,10px,5px,"#888888"}); 

?  

 

[Diaco 1,999 Likes (Superhero)]

Hi Lynx 

 

pls try this :

{boxShadow:"10px 10px 5px #888888"}

See the Pen LHfsC by GreenSock (@GreenSock) on CodePen

[Lynx 2 Likes (Newbie)]

{boxShadow:"35px,45px,56px,#FF5050"}

Correct, no, I'm not seeing my red dropshadow, but I'm not getting any errors either

[jamiejefferson 1,200 Likes (Superhero)]

The correct syntax (this is the actual CSS syntax) uses spaces not commas to separate the values.

{ boxShadow:"35px 45px 56px #FF5050" }

Commas are used for multiple shadows

{ boxShadow:"35px 45px 56px #FF5050, 1px 1px 1px #FFFFFF" }