css 背景渐变从上到下
时间: 2024-08-12 19:04:40 浏览: 101
详解CSS背景渐变图片transtion过渡效果技巧
CSS背景渐变从上到下可以通过线性渐变(`linear-gradient`)函数来实现。下面是一个基本的例子,它创建了一个从上至下的渐变效果,颜色从顶部的颜色开始,逐渐过渡到底部的颜色:
```css
background-image: linear-gradient(to bottom, color-top, color-bottom);
```
在这个例子中,`to bottom`表示渐变的方向是从上向下,`color-top`是你想要的顶部颜色,`color-bottom`是底部的颜色。例如,如果你想创建一个从白色到蓝色的渐变,可以写成:
```css
background-image: linear-gradient(to bottom, white, blue);
```
阅读全文