2

Possible Duplicate:
Correct way to animate box-shadow with jQuery

How to use the animate() function?

I tried this solution: Correct way to animate box-shadow with jQuery

like

...
  .animate({
    marginTop: '-20px',
    marginLeft: '-20px',
    width: '200px',
    height: '200px',
   'boxShadowX': '10px',
   'boxShadowY':'10px',
   'boxShadowBlur': '20px'
  }, 200);
...

but it doesn't work...

Community
  • 1
  • 1
Alex
  • 66,732
  • 177
  • 439
  • 641

1 Answers1

4

The link you provided is using https://github.com/brandonaaron/jquery-cssHooks/raw/master/boxshadow.js, make sure you are calling the script.

You can also checkout the excellent jQuery Shadow animation plugin http://www.bitstorm.org/jquery/shadow-animation/

Hussein
  • 42,480
  • 25
  • 113
  • 143
  • thanks, that works :D but not in opera :( – Alex Apr 05 '11 at 04:02
  • The author claims it's an opera bug. I can't test it from my side. You're animation should work. I think you forget to call the boxshadow.js script, I included the link in my answer. – Hussein Apr 05 '11 at 04:10