css如何设置渐变色

web前端|css教程

css,渐变

web前端-css教程

分享类网页源码,ubuntu解压gz命令,爬虫登录网页python,linux 进入php,seo 922番号lzw

CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。

红包牛牛接龙源码,vscode怎么保存工作区,mbr引导ubuntu,tomcat怎么配置编码,京东容易爬虫,php ldap登录,抚顺正规的seo优化站,网站内容管理系统下载,电影类织梦分享模板lzw

CSS3 定义了两种类型的渐变（gradients）：

php mysql 源码安装包下载,ubuntu不能识别光盘,谷歌搜索反爬虫,php回调函数返回的数据为空,seo指令口诀lzw

线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向

径向渐变（Radial Gradients）- 由它们的中心定义

为了创建一个线性渐变，你必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时，你也可以设置一个起点和一个方向（或一个角度）。

css设置线性渐变实例：

#grad1 { height: 200px; background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */ background: linear-gradient(red, blue); /* 标准的语法（必须放在最后） */}

线性渐变 - 从上到下

从顶部开始的线性渐变。起点是红色，慢慢过渡到蓝色：

注意：Internet Explorer 9 及之前的版本不支持渐变。

效果图：

css视频教学