javascript - 应用阴影的最佳方式是什么?

标签 javascript jquery css animation user-interface

应用阴影的最佳方法是什么?我现在正在一个网站上工作,我们有很多这样的网站,但是,我一直在努力寻找最好的方法来做到这一点。该网站的动画效果很重,因此阴影需要与此配合使用。

我尝试了 jQuery 影子插件。阴影看起来不错并且易于使用,但速度很慢并且不适用于任何动画(需要大量重绘,非常缓慢)。

我还尝试创建自己的 jQuery 扩展,将我的元素包裹在几个灰色 div 中,然后稍微偏移它们以产生阴影效果。这很好用。它快速响应动画。但是,它使 DOM 操作/遍历变得麻烦,因为所有内容都包含在这些影子 div 中。

我知道必须有更好的方法,但这并不是我的强项。想法?

最佳答案

ShadedBorder是一个美观且易于使用的 Shadow-Library。检查一下

关于javascript - 应用阴影的最佳方式是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/239816/

相关文章:

javascript - 从商店中删除多条记录的最佳方法是什么?扩展程序

javascript - 如何在 Bootstrap 模式中获取按钮点击数据

jquery - 有没有办法禁用某些 html anchor 的 jQuery 滚动动画?

css - 如何在 firefox 插件中创建垂直标签?

javascript - Angular polymer 数据绑定(bind)

javascript - 使用 Angular 拦截未经授权的 API 调用

php - 使用 jQuery 单击时默认文本必须在文本区域中消失

javascript - 返回 false 后提交表单

javascript - 在 D3 中包装文本

html - CSS 边框问题 : failing to render left border