🤓
🤓
🤓
🤓
blog-article
GitHub
Blog
Search
⌃
K
Links
Introduction
面试题
Personal Works
CSS动画笔记
css 笔记
1. box-shadow 阴影
2. columns 设置列宽和列数
3. 伪元素after与before
html 笔记
webpack4
javascript
npm
Node.js
SQL
Git
vue-cli
uni-app
设计模式
Spring boot
IDEA
Linux
shell
Docker
嵌入式系统给结构及原理
学校课程笔记
Powered By
GitBook
1. box-shadow 阴影
box-shadow 属性把一个或多个下拉阴影添加到框上
格式
box-shadow
:
h-shadow v-shadow blur spread color inset
;
h-shadow(必):水平阴影位置
v-shadow(必):垂直阴影位置
blur(选):模糊距离
spread(选):阴影大小
color(选):阴影颜色
inset(选):内侧的阴影
例子
/* 外阴影 */
.test1
{
box-shadow
:
-5px 0 0 0 deeppink
;
}
/* 内阴影 */
.test2
{
box-shadow
:
inset 5px 0 0 0 deeppink
}
Previous
css 笔记
Next
2. columns 设置列宽和列数
Last modified
3yr ago