box-shadow:0px 0px 5px black;
前喊锋面两个值设为0即郑滚晌可,意味上下,左备绝右不偏移。。。
应该这样做,但是我的给的代码是衡衫姿黑色的阴影,你咐绝换成器的颜色即可。box-shadow: -2px 0px 5px 1px #000,0px -2px 5px 塌伏1px #000,2px 0px 5px 1px #000,0px 2px 5px 1px #000;
用CSS3的box-shadow
例子:
向 div 元素添加 box-shadow:
div {box-shadow: 10px 10px 5px #888888;}
解释:box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个阴影乎改由 2-4 个长度值、可选的颜岁竖判色值以及可选的纤裂 inset 关键词来规定。省略长度的值是 0。
直接使用box-shadow:5px 5px 10px black inset;属性设置样式样式就可以了。
前轿旦两个值(5px 5px)是水平和垂直方向的偏移量,正值阴影就会向左向下偏移,负值反之;
第三个值(10px)是设置模糊距离;
black就是阴影的颜色啦;
最后一个inset是在元素内部创建一个培陆阴影,也就是内阴影了;
删除掉inset就闭中扰是设置外阴影了
以上就是土嘎嘎小编大虾米为大家整理的css3阴影效果怎么设置_CSS3四周阴影效果怎么做?相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!