背景色的渐变知识点

简介: 背景色的渐变知识点
背景色的渐变知识点:
渐变2种:
线性渐变【linear-gradient()】
径向渐变【radial-gradient()】
参数设定:变化的角度【deg单位】、渐变的起始色、渐变的终止色
参数分隔:【 , 】
注意:渐变属于background-image!图像类型
div{
  background: url(/img.png) no-repeat,linear-gradient(30deg,#6877e0,#7451aa);
}
相关文章
|
6月前
|
前端开发
【前端切图】CSS文字渐变和背景渐变
【前端切图】CSS文字渐变和背景渐变
39 0
|
11月前
R—点图(渐变)
R—点图(渐变)
CSS 03 线性渐变、径向渐变与重复性渐变
linear-gradient( [ || ,]? , [,]* ) < angle >:用角度指定渐变方向或者角度 to left to right to top to bottom <div class='ceng'> </div> .ceng{ width:260px; height:200px; border:1px solid black; background-image:linear-gradient(orange,green); /*从橘红色向绿色渐变,从上到下*/ background-image:linear-g
|
前端开发 开发者
渐变 | 学习笔记
快速学习渐变
73 0
渐变 | 学习笔记
|
Web App开发 前端开发 搜索推荐
圆角 | 学习笔记
快速学习圆角
69 0
圆角 | 学习笔记
|
Web App开发 前端开发 iOS开发
背景颜色| 学习笔记
快速学习背景颜色。
79 0
背景颜色| 学习笔记
|
前端开发 开发者
阴影 | 学习笔记
快速学习阴影
61 0
阴影 | 学习笔记
|
前端开发 开发者
颜色 | 学习笔记
快速学习颜色
70 0
颜色 | 学习笔记
|
前端开发 IDE 开发工具
「趣学前端」为什么有的页面背景颜色是渐变的
用技术实现梦想,用梦想打开创意之门。为了给不懂技术的朋友讲解日常开发中怎么实现网页的效果,我准备出一个系列。
139 1