box-shadow: h-shadow v-shadow blur spread color inset;
h-shadow必需的。水平阴影的位置。允许负值
v-shadow必需的。垂直阴影的位置。允许负值
blur可选。模糊距离
spread可选。阴影的大小
color可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表
inset可选。从外层的阴影（开始时）改变阴影内侧阴影
可选距离中，模糊距离优先级高于额外的阴影大小。
例子1：平移
正值为向右40px，向下0，模糊0
出现一个同样大小的块
例子2：多个阴影（逗号隔开即可）
逗号隔开，可以省略可选项
三个图形
这种多阴影可以利用伪类生成器如befor或after生成一些小零件。
如这种
待续。。。。
box-shadow:h-shadow v-shadow blur spread colorinset; h-sh...
四、box-shadow属性 box-shadow——阴影 box-shadow:3px 3px 3px 3px ...
box-shadow的基本用法box-shadow 属性向框添加一个或多个阴影。box-shadow: h-sha...
box-radiusimage.png box-shadow box-shadow: h-shadow v-sha...
box-shadow属性 box-shadow { h-shadow, v-shadow, blur, sprea...
title: OpenMG报告笔记date: 2020-09-12 22:31:27categories: 计算数...
box-shadow
一、CSS3 box-shadow 和 text-shadow 属性：1.1 box-shadow语法： 1.2 ...
盒子阴影 box-shadow box{ box-shadow:h-shadow v-shadow blur sp...
DEMO HTML 代码如下： 背景框样式： box-shadow语法： box-shadow取值：阴影类型：此参...
本文标题：2020-09-12 box-shadow
本文链接：https://www.haomeiwen.com/subject/jgiwektx.html
网友评论