所有已发布的渐变色一目了然。使用名称过滤器,并根据不同的标准进行排序。评出最漂亮的渐变效果,并根据最匹配的颜色创建自己的渐变效果。
#BA5918 - #8C4719 - #5D188B - #871FCC
CSS 代码:
background-image: linear-gradient(118deg, #BA5918 0%,#8C4719 29%,#5D188B 85%,#871FCC 100%);
#482CA6 - #1220D9 - #7D3873 - #E74F0D - #2D26C0 - #2023CD - #1220D9
CSS 代码:
background-image: radial-gradient(circle closest-side , #482CA6 0%,#1220D9 16%,#7D3873 26%,#E74F0D 63%,#2D26C0 74%,#2023CD 90%,#1220D9 95%);
CSS 代码:
background-image: radial-gradient(circle at 49% center, #D0C6B4 11%,#2F394B 64%);
CSS 代码:
background-image: radial-gradient(circle at 16% 52%, #FF9E18 2%,#CC7700 91%);
#E74F0D - #7D3873 - #482CA6 - #2D26C0 - #2023CD - #1220D9
CSS 代码:
background-image: radial-gradient(circle , #E74F0D 0%,#7D3873 27%,#482CA6 46%,#2D26C0 63%,#2023CD 79%,#1220D9 100%);
#00FF91 - #40CD90 - #30DA91 - #20E691 - #68AD8F - #50C090 - #7F9A8E - #FD348A
CSS 代码:
background-image: radial-gradient(circle at 49% 53%, #00FF91 44%,#40CD90 44%,#30DA91 51%,#20E691 51%,#68AD8F 56%,#50C090 56%,#7F9A8E 65%,#FD348A 89%);
CSS 代码:
background-image: radial-gradient(circle at 59% 42%, #030303 10%,#477C94 13%,#84C3E0 21%,#549FBA 31%,#507E8A 35%,#F0C5D6 38%,#DB9AA4 73%,#B84F5B 77%);
CSS 代码:
background-image: radial-gradient(circle at 59% 42%, #030303 10%,#6D2F7D 13%,#BD76DB 21%,#8F44A6 31%,#622073 35%,#F0C5D6 38%,#DB9AA4 73%,#B84F5B 77%);
CSS 代码:
background-image: radial-gradient(circle at 59% 41%, #131414 0%,#1A1915 13%,#0FA833 16%,#389C54 22%,#1A7D2E 28%,#255229 32%,#2D3618 34%,#F5C9CA 37%,#E0B4B4 67%,#B55B5B 80%);
CSS 代码:
background-image: linear-gradient(360deg, #D2D246 12%,#A1C091 31%,#70ADDB 52%);
CSS 代码:
background-image: linear-gradient(0deg, #F9F9F7 10%,#779ACE 81%,#5986CC 93%);
CSS 代码:
background-image: radial-gradient(circle at 61% 29%, #F14997 21%,#061C125E 47%,#FCFCFC 85%);
CSS 代码:
background-image: radial-gradient(circle at 63% 19%, #F14997 12%,#061C125E 61%,#FCFCFC 86%);