使用 Javascript 更改阴影而不使用 jQuery
Change drop-shadow with Javascript without jQuery
我想在没有jQuery的情况下在JavaScript中添加样式-webkit-filter: drop-shadow(5px 5px 5px #222);
。
我想使用 CSS 转换为 png 透明图像持续时间创建一个阴影。
此代码无法正常工作:
var scscsc = document.getElementById('scscsc');
scscsc.setAttribute("style", "-webkit-filter: drop-shadow(5px 5px 5px #222);");
scscsc.style.transform = "rotate(216deg)";
body {
margin: 0px;
padding: 0px;
text-align: center;
}
img {
position: absolute;
top: 0;
left: 0;
}
<img src="http://sirati.info/tmp/ss.png" id="scscsc">
Uzbekjon 的答案只有在您正在使用的唯一 CSS 属性时才有效。最好使用元素的 style
属性设置内联 CSS,如下所示:
var elt = document.getElementById("#your-element-id");
elt.style.setProperty("-webkit-filter", "drop-shadow(5px 5px 5px #222)");
编辑:这是一个工作JSfiddle演示了这项工作
https://jsfiddle.net/w4n024b4/
试试这个:
var elt = document.getElementById("#your-element-id");
elt.setAttribute("style", "-webkit-filter: drop-shadow(5px 5px 5px #222);");
相关文章:
- 无法从 jQuery RSS Feed 中的 localStorage 动态替换类
- 如何使用jQuery自动打开页面上的所有链接
- 如何使用jquery在填充自动完成的值后使文本框只读
- 使用 Javascript 更改阴影而不使用 jQuery
- 为什么当我用jQuery制作长方体动画时,CSS3长方体阴影会分离
- jQuery 变量阴影
- 如何设置CSS框阴影深度的动画(使用jQuery或CSS3转换)
- jQuery动画中的css框阴影显示错误
- 使用 jQuery 的 CSS 框阴影的脉冲效果
- Jquery html/css:在滚动时显示和消失的固定标题上创建下拉阴影
- Jquery图像悬停如何创建一个漂亮的悬停淡出效果与阴影和向下移动
- Jquery字幕覆盖滚动时的阴影
- 使用javascript/jquery访问阴影DOM属性(聚合物)
- Jquery Fancybox阴影不显示在IE7/IE8
- 如何在滚动时将jQuery阴影函数应用于具有相同类名的多个元素
- 如何只用jquery改变框阴影的颜色
- 滚动时添加文本阴影(jquery或javascript)
- jQuery UI 选项卡,带有两种“未选择”阴影
- jQuery中的CSS框阴影.CSS()
- jQuery框阴影动画-有可能吗