散列画廊

perspective: number|none;perspective 属性定义 3D 元素距视图的距离,以像素计。该属性允许您改变 3D 元素查看 3D 元素的视图。
值 描述
number 元素距离视图的距离,以像素计。
none 默认值。与 0 相同。不设置透视。


box-shadow属性可以设置一个或多个下拉阴影的框。
box-shadow: h-shadow v-shadow blur spread color inset;

值 说明
h-shadow 必需的。水平阴影的位置。允许负值
v-shadow 必需的。垂直阴影的位置。允许负值
blur 可选。模糊距离
spread 可选。阴影的大小
color 可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表
inset 可选。从外层的阴影(开始时)改变阴影内侧阴影

box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。
box-sizing: content-box|border-box|inherit;
值 描述
content-box
这是由 CSS2.1 规定的宽度高度行为。

宽度和高度分别应用到元素的内容框。

在宽度和高度之外绘制元素的内边距和边框。

border-box
为元素设定的宽度和高度决定了元素的边框盒。

就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。

通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。

inherit 规定应从父元素继承 box-sizing 属性的值。

猜你喜欢

转载自www.cnblogs.com/Damocless/p/11783739.html