Fir站长导航 > 站长资讯 > 资源分享 >

box shadow 自动生成工具

2022-06-16

CSS Box Shadow 属性

工具地址:https://www.firsource.cn/boxshadow.html


作用:向 div 元素添加阴影:

box-shadow 属性值由 6 部分组成。
 
语法形式:
 
box-shadow: offset-x offset-y blur spread color position;
 
这里的 position 可以写在最前面。也可以像上面一样写在最后面。
 
接下来我们来看看这几个属性都提供了什么样的功能?
 
1. offset-x offset-y
 
offset-x 用于声明阴影的水平偏移,就是阴影在 X 轴上的位置。
 
当值为正数, 阴影就位于元素右侧,
 
若值为负数,阴影位于元素的左侧。
 
同理
 
offset-y 用于声明阴影的垂直偏移,就是阴影在 Y 轴上的位置。
 
当值为正数, 阴影就位于元素下侧,
 
若值为负数,阴影位于元素的上侧。

这里推荐一个自动生成bos shadow的工具。

工具地址:https://www.firsource.cn/boxshadow.html





本工具来自:Github Code

相关标签: CSS教程

We use cookies in our website to improve our customer experience, we will not share these information to third party. By using this website you need to accept our Cookies and Privacy Policy. If you don't want to accept these Cookies, please change your browser setting. Find more.