我们以赤色向黄色渐变为例子:

实际显示图片如下:

给出案例:提出两个问题来理解角度

html渐变代码css渐变讲授 Vue.js

下图描述赤色向绿色渐变过程,请把稳两个问题

第一:角度为何是负的,代表什么含义?

第二:百分比代表什么呢?

第三:角度永久开始于渐变线,终止于水平线;顺时针为负(有点反人类)

给出3个案例进一步理解角度问题

角度的正负其表现形式便是,渐变颜色的方向问题,便是从哪个颜色到哪个颜色的问题;

角度45 颜色A,颜色B, 实际效果我们从左向右阅读(习气问题,实在打算机解码也是这个方向),便是先A这个颜色,然后再B这个颜色;

如果是负呢?角度-45 颜色A,颜色B,便是先B这个颜色,然后再A这个颜色;

位置参数,便是面积观点这个要理解透彻

案例:我们来看看一个3030的棋盘案例

这个案例网上一大堆,我们本日进它的事理,事理不清楚啥也干不了,请千万不要抄代码,而不懂事理,否则你是不会进步的的;

下面图片的第一个红框 请把稳,任何繁芜的图片都是由大略的可重复图片构成,棋盘格便是由这个红框重复组成的;

我们再思考一个问题?红框如何组成的能? 一个白色背景,两个玄色块;我们重点关注两个玄色块如何完成,问题就办理了。