jQuery 框阴影动画 - 有可能吗? [复制]

Posted

技术标签:

【中文标题】jQuery 框阴影动画 - 有可能吗? [复制]【英文标题】:jQuery box shadow animation - is it possible? [duplicate] 【发布时间】:2011-07-29 15:42:49 【问题描述】:

可能重复:Correct way to animate box-shadow with jQuery

animate()函数如何使用?

我尝试了这个解决方案: Correct way to animate box-shadow with jQuery

喜欢

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

但它不起作用......

【问题讨论】:

【参考方案1】:

您提供的链接使用的是https://github.com/brandonaaron/jquery-cssHooks/raw/master/boxshadow.js,请确保您正在调用该脚本。

您还可以查看优秀的 jQuery Shadow 动画插件http://www.bitstorm.org/jquery/shadow-animation/

【讨论】:

谢谢,这有效 :D 但在歌剧中无效 :( 作者声称这是一个歌剧错误。我无法从我身边测试它。你的动画应该工作。我认为您忘记调用 boxshadow.js 脚本,我在答案中包含了链接。

以上是关于jQuery 框阴影动画 - 有可能吗? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

Chrome,jquery 动画摆动

jQuery 动画“文本阴影”css 属性

Jquery Mobile 使用 data-ajax=false 获取页面动画(过渡).. 有可能吗?(解决方法)

如何让我的 div 的框阴影在悬停时淡入(而不是在悬停时淡出)?

如何使用 jquery 在单击时切换框阴影

在jQuery对话框中滚动时如何添加框阴影