box-shadow: -2px -2px 0 0 #0000ff; 复制代码 创建一个带有透明度的阴影,偏移量为水平0,垂直0,模糊度为10px,扩展大小为0,颜色为rgba(0, 0, 0, 0.5): box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); 复制代码 这些只是一些基本的使用示例,你可以根据具体的需求调整box-shadow属性的值来创建...
.box { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } 复制代码 这个示例将在元素的右下角添加一个2像素的阴影,阴影颜色为半透明的黑色。 .box { box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5); } 复制代码 这个示例将在元素周围添加一个10像素的模糊阴影,阴影颜色为半透明的黑色。 .b...
tr:hover { box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.15); } 1. 2. 3. 在chrome,firefox,360这些浏览器里面效果正常。但是在ie10上面没有作用。 起初我认为是ie对hover的支持程度导致,所以去查阅相关问题和资料 并尝试: 使用js绑定mouseover事件,如果是ie浏览器的话就添加上box-shadow这个样式。结...
filter:blur()grayscale()drop-shadow(); AI代码助手复制代码 drop-shadow() 滤镜可接受的参数基本上跟 box-shadow 属性是一样的,但不包括扩张半径,不包括 inset 关键字,也不支持逗号分割的多层投影语法。举个例子,上面的投影: box-shadow:2px2px10pxrgba(0,0,0,.5); AI代码助手复制代码 可以这样来写: ...