CSS实现元素颜色渐变

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/jiaonizuoren/article/details/81747354

在开发前端页面是,有时候会有颜色渐变的需求,以div元素为例,html代码实现如下:

<div style="width:500px;height:50px;background: linear-gradient(to right, #082094, #6cb1ff);"></div>

 效果如下:

to right第一个颜色向第二个颜色代表渐变的方向,若改为to left的效果如下:

猜你喜欢

转载自blog.csdn.net/jiaonizuoren/article/details/81747354