QSS实践汇总(12)——渐变色qlineargradient讲解

background-color:qlineargradient(x1:0, y1:0, x2:1, y2:0,stop:0 rgba(3,155,252,0),stop:0.20 rgba(3,155,252,60),stop:0.5 rgba(3,155,252,128),stop:0.80 rgba(3,155,252,60),stop:1 rgba(3,155,252,2));

说明:

x1,x2表示水平方向:x1=0,x2=1

y1,y2表示垂直方向:y1=0,y2=1

stop:0 rgba(3,155,252,0)  表示0位置的颜色

stop:0.20 rgba(3,155,252,60)  表示0.20位置的颜色

.

.

stop:1 rgba(3,155,252,2) 表示终点位置的颜色

可跟多个stop用于调整渐变位置,以上渐变效果如下

 

 


版权声明:本文为m0_51668269原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。