Разница между функциями repeating-linear-gradient() и linear-gradient() в CSS заключается в том, как они создают градиенты. 13

linear-gradient() создаёт обычный линейный градиент, который воспроизводится только один раз. 1 Цвета переходят из одного в другой под некоторым заданным углом, и всё, что больше определённого процента от размера элемента, становится одним цветом (например, последним). 2

repeating-linear-gradient() создаёт повторяющийся линейный градиент. 1 За последним перечисленным цветом снова идёт первый, и так до бесконечности. 1 Градиенты накладываются слоями один на другой, и действие повторяется заново с самого начала. 1

Таким образом, linear-gradient() подходит для создания градиента, который занимает всё пространство элемента, а repeating-linear-gradient() — для создания градиента, который повторяется столько раз, сколько необходимо. 4