CSS/Javascript动态渐变或阴影

Question

我使用这些规则：

.log-widget-alexa{ background: #001C48;}
.log-widget-altervista{ background: #FFE852;}
.log-widget-amazon{ background: #000000;}
.log-widget-aol{ background: #0060A3;}
etc ..

我想只使用一个更多的类来添加一个嵌入变暗的阴影或渐变颜色，以浮雕的小工具与相同的变暗的背景。

是否可以使用一些CSS/JavaScript/jQuery技巧？

我的意思是，如果我有background:#666；例如，我想在#555中添加一个简单的渐变/阴影(在这种情况下，启动背景色中的小拍变暗= #666)

我想设置一些CSS技巧，而不是手动设置框阴影或背景图像渐变:/，因为我的css中有数千条这样的规则。

Answer 1

这在纯CSS中是不可能的。你需要Javascript来做这件事。选择所有元素，使用.css()获取背景颜色，计算秒颜色，然后使用.css()应用相应的渐变。