推荐10组 linear-gradient 有百分比颜色搭配

1. linear-gradient(90deg, #ffecd2 0%, #fcb69f 100%)
2. linear-gradient(135deg, #1d976c 0%, #93f9b9 100%)
3. linear-gradient(90deg, #56ccf2 0%, #2f80ed 100%)
4. linear-gradient(45deg, #ff6b6b 0%, #ffe66d 100%)
5. linear-gradient(90deg, #f48c06 0%, #f48c06 1%, #f48c06 50%, #f48c06 51%, #f48c06 100%)
6. linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)
7. linear-gradient(90deg, #fc5c7d 0%, #6a82fb 100%)
8. linear-gradient(45deg, #00dbde 0%, #fc00ff 100%)
9. linear-gradient(90deg, #00c6fb 0%, #005bea 100%)
10. linear-gradient(45deg, #ff9a9e 0%, #fecfef 99%, #fecfef 100%)

相关问题

推荐几组 linear-gradient 有百分比颜色搭配

以下是几组使用百分比颜色搭配的 linear-gradient：

1. 红色到橙色渐变：

linear-gradient(to right, #FF4136 0%, #FF851B 100%)

2. 紫色到蓝色渐变：

linear-gradient(to right, #6B3FA0 0%, #0074D9 100%)

3. 黄色到绿色渐变：

linear-gradient(to right, #FFDC00 0%, #2ECC40 100%)

4. 橙色到紫色渐变：

linear-gradient(to right, #FF851B 0%, #B10DC9 100%)

5. 粉色到红色渐变：

linear-gradient(to right, #FF80CC 0%, #FF4136 100%)

linear-gradient参数有哪些

linear-gradient函数的参数有以下几种：
1. 渐变方向：可以是角度值（deg）或方向关键字（to left, to right, to top, to bottom等）。例如，linear-gradient(45deg, red, blue)表示从左上角到右下角的渐变。
2. 颜色值：可以是具体的颜色值（red, #ff0000）或颜色关键字（transparent, rgba(255, 0, 0, 0.5)）。可以指定多个颜色值，用逗号分隔。例如，linear-gradient(red, blue)表示从红色到蓝色的渐变。
3. 颜色位置：可以为每个颜色值指定一个位置，用百分比或长度值表示。默认情况下，颜色值均匀分布在渐变中。例如，linear-gradient(red 20%, blue 80%)表示从红色开始到20%的位置，然后从蓝色开始到80%的位置，最后再到蓝色结束。
4. 渐变类型：可以是线性渐变（linear-gradient）或径向渐变（radial-gradient）。线性渐变是默认类型，表示沿着一条直线进行渐变。径向渐变表示从一个中心点向外辐射状进行渐变。

以下是一个示例：

background-image: linear-gradient(45deg, red, blue);