box-shadows linear-gradient
时间: 2024-04-29 11:18:04 浏览: 125
CSS3中border-radius、box-shadow与gradient那点事儿
box-shadow是CSS中的一个属性,用于给元素添加阴影效果。它可以通过设置水平偏移量、垂直偏移量、模糊半径、扩展半径和颜色来定义阴影的样式。例如,可以使用以下代码添加一个黑色的阴影效果:
```css
.box {
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
```
其中,2px是水平偏移量,2px是垂直偏移量,4px是模糊半径,rgba(0, 0, 0, 0.5)是阴影的颜色和透明度。
linear-gradient是CSS中的一个函数,用于创建线性渐变背景。它可以通过指定起始点、结束点和颜色停止点来定义渐变的样式。例如,可以使用以下代码创建一个从上到下的红色到蓝色的渐变背景:
```css
.box {
background: linear-gradient(to bottom, red, blue);
}
```
其中,to bottom表示渐变的方向为从上到下,red表示起始颜色,blue表示结束颜色。
阅读全文