Jquery CSS框阴影属性-对各种属性的细粒度访问
是否有办法访问长方体阴影的单独属性 e、 g 我想分别提取“模糊”和“扩散”的值,并根据这些值设置一些滑块 有什么方法可以从速记“框阴影”属性访问这些内容吗 e、 g 盒影扩散 框阴影颜色 ect 我不想在节点上存储一堆属性,只想跟踪这些值和设置控件。只需使用ole pick_-apart函数: HTML: 用法: 结果:Jquery CSS框阴影属性-对各种属性的细粒度访问,jquery,css,box-shadow,Jquery,Css,Box Shadow,是否有办法访问长方体阴影的单独属性 e、 g 我想分别提取“模糊”和“扩散”的值,并根据这些值设置一些滑块 有什么方法可以从速记“框阴影”属性访问这些内容吗 e、 g 盒影扩散 框阴影颜色 ect 我不想在节点上存储一堆属性,只想跟踪这些值和设置控件。只需使用ole pick_-apart函数: HTML: 用法: 结果: 非常感谢你。不幸的是,没有更简单的方法来实现这一点。 function pick_apart(img_id) { hold_res={} ss = $('#'
非常感谢你。不幸的是,没有更简单的方法来实现这一点。
function pick_apart(img_id) {
hold_res={}
ss = $('#' + img_id).css('box-shadow')
hold_res['color'] = ss.substring(ss.lastIndexOf("r"),ss.lastIndexOf(")")+1);
hold_res['offset_x'] = ss.split(' ')[3]
hold_res['offset_y'] = ss.split(' ')[4]
hold_res['blur_radius'] = ss.split(' ')[5]
hold_res['spread_radius'] = ss.split(' ')[6]
return(hold_res)
}
<img id='my_img' src='https://pbs.twimg.com/profile_images/988775660163252226/XpgonN0X_400x400.jpg'>
img {
box-shadow: 10px 20px 30px 40px #555;
}
pick_apart('my_img')
{
"color": "rgb(85, 85, 85)",
"offset_x": "10px",
"offset_y": "20px",
"blur_radius": "30px",
"spread_radius": "40px"
}