线性渐变

马黑黑

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

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

花飞飞

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

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

花飞飞

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

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

红影

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

还是渐变的更好看呢。

马黑黑

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

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

马黑黑

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

对，各有各的用途

马黑黑

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

慢慢积累

红影

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

是的，学习的时候两种都知道了，以后就可以按需要使用了

马黑黑

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

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

花飞飞

马黑黑 发表于 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-3 21:24
慢慢积累

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

马黑黑

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

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

花飞飞

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

从学生角度出发写教程，当你的学生很幸福

花飞飞

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

这个进度条小播里常用。。

红影

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

看到了你的米字格，那个就是不渐变的

马黑黑

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

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

红影

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

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

马黑黑

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

所以说根据需要来设计

马黑黑

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

也可以用实体元素做

马黑黑

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