css实现多种渐变颜色色板配色代码-html代码-BFW代码库

css实现多种渐变颜色色板配色代码

代码语言：html

代码描述：css实现多种渐变颜色色板配色代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        .gradient--0 {
            --gradient-start: #6DE195;
            --gradient-start-text: '#6DE195';
            --gradient-end: #C4E759;
            --gradient-end-text: '#C4E759';
        }

        .gradient--1 {
            --gradient-start: #41C7AF;
            --gradient-start-text: '#41C7AF';
            --gradient-end: #54E38E;
            --gradient-end-text: '#54E38E';
        }

        .gradient--2 {
            --gradient-start: #99E5A2;
            --gradient-start-text: '#99E5A2';
            --gradient-end: #D4FC78;
            --gradient-end-text: '#D4FC78';
        }

        .gradient--3 {
            --gradient-start: #ABC7FF;
            --gradient-start-text: '#ABC7FF';
            --gradient-end: #C1E3FF;
            --gradient-end-text: '#C1E3FF';
        }

        .gradient--4 {
            --gradient-start: #6CACFF;
            --gradient-start-text: '#6CACFF';
            --gradient-end: #8DEBFF;
            --gradient-end-text: '#8DEBFF';
        }

        .gradient--5 {
            --gradient-start: #5583EE;
            --gradient-start-text: '#5583EE';
            --gradient-end: #41D8DD;
            --gradient-end-text: '#41D8DD';
        }

        .gradient--6 {
            --gradient-start: #A16BFE;
            --gradient-start-text: '#A16BFE';
            --gradient-end: #DEB0DF;
            --gradient-end-text: '#DEB0DF';
        }

        .gradient--7 {
            --grad.........完整代码请登录后点击上方下载按钮下载查看