Login
网站首页 > 文章中心 > 其它

css3阴影效果怎么设置_CSS3四周阴影效果怎么做?

作者:小编 更新时间:2023-07-12 10:45:20 浏览量:201人看过

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;}

css3阴影效果怎么设置_CSS3四周阴影效果怎么做?-图1

解释:box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个阴影乎改由 2-4 个长度值、可选的颜岁竖判色值以及可选的纤裂 inset 关键词来规定。省略长度的值是 0。

直接使用box-shadow:5px 5px 10px black inset;属性设置样式样式就可以了。

前轿旦两个值(5px 5px)是水平和垂直方向的偏移量,正值阴影就会向左向下偏移,负值反之;

第三个值(10px)是设置模糊距离;

black就是阴影的颜色啦;

最后一个inset是在元素内部创建一个培陆阴影,也就是内阴影了;

删除掉inset就闭中扰是设置外阴影了

以上就是土嘎嘎小编大虾米为大家整理的css3阴影效果怎么设置_CSS3四周阴影效果怎么做?相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章