马黑黑 发表于 2023-8-3 21:04

红影 发表于 2023-8-3 19:45
是的,加上明确的界线,就不是渐变了。

效果上不是渐变了,但是有时候需要它

花飞飞 发表于 2023-8-3 21:15

马黑黑 发表于 2023-8-3 20:48
边框渐变色其实挺好的

换个地方不给用就愁。。。我发现我要上的课越来越多。。{:4_170:}

花飞飞 发表于 2023-8-3 21:16

马黑黑 发表于 2023-8-3 21:02
这里不是溢出,是渐变的方式:软过渡和硬过渡

软过渡比较自然,光盘可用。。。硬过度色卡上可以用。。

红影 发表于 2023-8-3 21:18

马黑黑 发表于 2023-8-3 21:04
效果上不是渐变了,但是有时候需要它

还是渐变的更好看呢。

马黑黑 发表于 2023-8-3 21:19

红影 发表于 2023-8-3 21:18
还是渐变的更好看呢。

还是那句话:一切根据需要来

马黑黑 发表于 2023-8-3 21:24

花飞飞 发表于 2023-8-3 21:16
软过渡比较自然,光盘可用。。。硬过度色卡上可以用。。

对,各有各的用途

马黑黑 发表于 2023-8-3 21:24

花飞飞 发表于 2023-8-3 21:15
换个地方不给用就愁。。。我发现我要上的课越来越多。。

慢慢积累

红影 发表于 2023-8-3 21:50

马黑黑 发表于 2023-8-3 21:19
还是那句话:一切根据需要来

是的,学习的时候两种都知道了,以后就可以按需要使用了{:4_204:}

马黑黑 发表于 2023-8-3 22:44

红影 发表于 2023-8-3 21:50
是的,学习的时候两种都知道了,以后就可以按需要使用了

不是所有的事情都是一个方向、一个方法

花飞飞 发表于 2023-8-4 08:54

马黑黑 发表于 2023-8-3 08:08
本帖最后由 马黑黑 于 2023-8-3 20:47 编辑
.papa > p { margin: 10px 0; }
.mama { margin-left: 40px ...

linear-gradient(to bottom right, (整个画面向右下渐变)
                        transparent, 透明
                        transparent 49.8%, (透明到49.8结束,遮罩)
                        olive 49.8%, (油橄榄从49.8开始)
                        olive 50.2%, (油橄榄到50.2结束,所以这里可以调线的 宽度)
                        transparent 50.2%(透明起到遮罩的作用。。小于50.2不起作用。。。)
                ),

花飞飞 发表于 2023-8-4 08:56

马黑黑 发表于 2023-8-3 21:24
慢慢积累

{:4_199:}居然可以通过渐变边届控制画线。。构思太巧妙了。。
难怪老师占了好多楼,感觉还有许多意想不到。。。

马黑黑 发表于 2023-8-4 08:58

花飞飞 发表于 2023-8-4 08:56
居然可以通过渐变边届控制画线。。构思太巧妙了。。
难怪老师占了好多楼,感觉还有许多意想不 ...

嗯,多举几个实例,这样可以了解更多、更形象

花飞飞 发表于 2023-8-4 09:34

马黑黑 发表于 2023-8-4 08:58
嗯,多举几个实例,这样可以了解更多、更形象

从学生角度出发写教程,当你的学生很幸福{:4_205:}

花飞飞 发表于 2023-8-4 09:36

马黑黑 发表于 2023-8-3 08:08
本帖最后由 马黑黑 于 2023-8-4 08:56 编辑 线性渐变 linear-gradient 应用实例:进度条




{:4_199:}这个进度条小播里常用。。

红影 发表于 2023-8-4 12:20

马黑黑 发表于 2023-8-3 22:44
不是所有的事情都是一个方向、一个方法

看到了你的米字格,那个就是不渐变的{:4_173:}

马黑黑 发表于 2023-8-4 12:28

红影 发表于 2023-8-4 12:20
看到了你的米字格,那个就是不渐变的

你要渐变的也行,就让参与渐变的颜色是两种或以上不同的颜色即可

红影 发表于 2023-8-4 12:52

马黑黑 发表于 2023-8-4 12:28
你要渐变的也行,就让参与渐变的颜色是两种或以上不同的颜色即可

这个最好不渐变,更清晰呢。

马黑黑 发表于 2023-8-4 12:52

红影 发表于 2023-8-4 12:52
这个最好不渐变,更清晰呢。

所以说根据需要来设计

马黑黑 发表于 2023-8-4 12:54

花飞飞 发表于 2023-8-4 09:36
这个进度条小播里常用。。

也可以用实体元素做

马黑黑 发表于 2023-8-4 12:55

花飞飞 发表于 2023-8-4 09:34
从学生角度出发写教程,当你的学生很幸福

{:4_203:}
页: 1 [2] 3 4 5 6 7 8 9 10 11
查看完整版本: 线性渐变