CSS/Javascript 动态渐变或阴影答案

【问题标题】：CSS/Javascript dynamic gradient or shadowCSS/Javascript 动态渐变或阴影
【发布时间】：2012-09-30 10:28:21
【问题描述】：

我正在使用这些规则：

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

我只想再使用 1 个类来添加嵌入的变暗阴影或渐变色，以使用相同的变暗背景来压印小部件。

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

我的意思是如果我有背景：#666;例如，我想在 #555 中添加一个简单的渐变/阴影（在这种情况下，从起始背景颜色变暗 = #666）

我想设置一些 css 技巧，而不是手动使用 box-shadow 或 background-image 渐变：/ 因为我的 CSS 中有数千条这样的规则。

【问题讨论】：

你的意思是你想让阴影以某种方式“适应”背景？
我的意思是像 SASS 打火机($background_element, -5%)
@Abody97 如果有办法排除 SASS 更好
我想你还是明白了这个问题

标签： javascript jquery css gradient shadow

【解决方案1】：

使用纯 CSS 是不可能的。为此，您需要 Javascript。选择所有元素，使用.css() 获取背景颜色，计算秒颜色，然后使用.css() 相应地应用渐变。

【讨论】：

@ispuk 我在手机上写这篇文章，但是当我可以使用 PC 时，我会展示给你看。
愚蠢的电话发送两次...您可以尝试以下方法开始：stackoverflow.com/questions/6016988/applying-css3-gradients-with-jquery stackoverflow.com/questions/638948 /background-color-hex-to-javascript-variable-jquery