css渐变色怎么写_育才学习网

1. 网站渐变色代码怎么写

background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* Firefox */

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff4f02), color-stop(1, #8f2c00)); /* Saf4+, Chrome */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6ff00', endColorstr='#538300', GradientType='0'); /* IE*/

-moz-linear-gradient有三个参数。第一个参数表示线性渐变的方向，top是从上到下、left是从左到右，如果定义成left top，那就是从左上角到右下角。第二个和第三个参数分别是起点颜色和终点颜色。你还可以在它们之间插入更多的参数，表示多种颜色的渐变。

-webkit-gradient是webkit引擎对渐变的实现参数，一共有五个。

第一个参数表示渐变类型（type），可以是linear（线性渐变）或者radial（径向渐变）。

第二个参数和第三个参数，都是一对值，分别表示渐变起点和终点。这对值可以用坐标形式表示，也可以用关键值表示，比如 left top（左上角）和left bottom（左下角）。

第四个和第五个参数，分别是两个color-stop函数。color-stop函数接受两个参数，第一个表示渐变的位置，0为起点，0.5为中点，1为结束点；第二个表示该点的颜色。

2. 用PS怎么做渐变色的字

新建图像，在图像上输入文字。如

然后双击文字图层，打开“混合模式”面板

在“渐变叠加”先项上打勾并设置其参数

设置所需颜色。

改变填充方向。

即可。

也可以把文字变成选区。方法是在按住CTRL键点击文字图层，得到文字的选区。

然后新键图层，并隐藏文字图层

然后先中“渐变工具”

点击进去编辑器

调出你所需的颜色。

然后就是往上或往下拉，这个主要是渐变颜色的方向问题。要注意渐变的样式哦~

3. photoshop 文字渐变色怎么做

ps做渐变文字有两种方法，

一是：打字--调整文字大小、位置--栅格化文字图层--添加图层样式---渐变叠加。

二是：打字--调整文字大小、位置--栅格化文字图层--Ctrl+鼠标点击图标选定选区---选择渐变工具--设置渐变色--拉渐变。

1. css中颜色渐变怎么写

线性渐变 - 从上到下（默认情况下）

#grad {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)； /* 标准的语法 */

}

从左到右的线性渐变：e799bee5baa6e79fa5e98193e78988e69d8331333363353765

#grad {

background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */

background: -o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */

background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */

background: linear-gradient(to right, red , blue)； /* 标准的语法 */

2. css 如何实现颜色的渐变

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>；标签中，输入css代码：

div {width: 200px;height: 150px;background: linear-gradient(red, white);}

3、浏览器运行index.html页面，此时td中的div的背景颜色从红色到白色渐变。

3. CSS背景渐变

我看不了你的链接，不过渐变我可以说一下：

你做一张渐变的图片，然后通过背景写进去，

background:url();

技巧是，这张渐变图片很大，你要把他切成一张高或者宽只有一像素的小图，为什么呢？

线性渐变一般都有规律，横向或者纵向，你根据渐变的规律尽量让图片最小，以横向图片为例（举列一张100*100的图片）：

图片从左到右的方向渐变，那宽度就是100,

图片的从顶端垂直方向到底端，它所有的颜色都是重复的，那我只需要一个像素的高度然后重复的纵向填充就可以了，所以高度就是1。

所以切出来的图片尺寸是100*1

然后通过css加载进来，

.div{

width:100px;

height:100px;

background:url（图片的路径） repeat-y;

}

那图片就自动纵向铺开了！

4. CSS背景渐变

我看不了你的链接，不过渐变我可以说一下：你做一张渐变的图片，然后通过背景写进去，background:url（)；技巧是，这张渐变图片很大，你要把他切成一张高或者宽只有一像素的小图，为什么呢？线性渐变一般都有规律，横向或者纵向，你根据渐变的规律尽量让图片最小，以横向图片为例（举列一张100*100的图片）：图片从左到右的方向渐变，那宽度就是100，图片的从顶端垂直方向到底端，它所有的颜色都是重复的，那我只需要一个像素的高度然后重复的纵向填充就可以了，所以高度就是1。

所以切出来的图片尺寸是100*1然后通过css加载进来，.div{width:100px;height:100px;background:url（图片的路径） repeat-y；}那图片就自动纵向铺开了。