如何使用类似于Stripe主页的Javascript创建动态网格渐变？

问题描述

我想创建一个类似于https://stripe.com/en-in主页的背景。它是Canvas元素中的动态网格渐变。我试图查看源代码，但找不到相关的JavaScript代码。

我得到的最接近的是这个，但是它只使用CSS而不使用Javascript，也不基于网格渐变-

body {
    background: linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
    background-size: 1000% 1000%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

<h1 class="text-light">Pure CSS Animated Gradient Background</h1>

此外，您认为我将在NextJS的SSR中使用它的事实在这里是否有意义？谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

css-gradients gradient html javascript